diff --git a/css/main.css b/css/main.css index 09a9023..d5899d1 100644 --- a/css/main.css +++ b/css/main.css @@ -893,12 +893,12 @@ ol li::before { font-weight: 500; } -#rupee_balance span:first-of-type, +#usd_balance span:first-of-type, #flo_balance span:first-of-type, #btc_balance span:first-of-type { font-size: 1.5rem; } -#rupee_balance span:nth-of-type(2), +#usd_balance span:nth-of-type(2), #flo_balance span:nth-of-type(2), #btc_balance span:nth-of-type(2) { font-size: 1rem; diff --git a/css/main.min.css b/css/main.min.css index 181cd99..3e1021b 100644 --- a/css/main.min.css +++ b/css/main.min.css @@ -1 +1 @@ -*{padding:0;margin:0;box-sizing:border-box;font-family:"Inter",sans-serif}*:focus-visible{outline:var(--accent-color) solid medium;outline-offset:0;transition:outline-offset .3s}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%}body{--accent-color: #234ebf;--accent-color-rgb: 35, 78, 191;--blue-accent-1: #f5f8ff;--blue-accent-2: #f2f6ff;--text-color: 58, 58, 58;--foreground-color: 255, 255, 255;--background-color: 243, 245, 250;--danger-color: #ff6161;--green: #1cad59;--yellow: rgb(220, 165, 0);scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--foreground-color), 1);transition:background-color .3s;position:relative;display:flex;flex-direction:column}body[data-theme=dark]{--accent-color: #a0b6ff;--accent-color-rgb: 160, 182, 255;--blue-accent-1: #f5f8ff10;--blue-accent-2: #f2f6ff10;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676;--yellow: rgb(255, 213, 5)}p,strong{font-size:.9rem;max-width:65ch;line-height:1.7;color:rgba(var(--text-color), 0.9)}.warning{line-height:normal;padding:1rem;background-color:khaki;border-radius:.5rem;font-weight:500;color:rgba(0,0,0,.7)}a{text-decoration:none;color:var(--accent-color)}.button,button{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:rgba(0,0,0,0);overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.5rem;justify-content:center;color:inherit;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.button:not(:disabled),button:not(:disabled){cursor:pointer}.button{color:var(--accent-color);background-color:var(--blue-accent-1)}.button .icon{fill:var(--accent-color)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{width:100%;background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8);flex-shrink:0}.icon-only{padding:.5rem;border-radius:.3rem}button:disabled{opacity:.5;cursor:not-allowed}details summary{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;align-items:center;justify-content:space-between}details[open] summary{margin-bottom:1rem}details[open]>summary .down-arrow{transform:rotate(180deg)}sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}sm-popup::part(backdrop){-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem)}sm-input,sm-textarea{--border-radius: 0.5rem;--background-color: rgba(var(--foreground-color), 1)}sm-input button .icon,sm-textarea button .icon{fill:var(--accent-color)}sm-copy{font-size:.9rem}sm-spinner{--size: 1rem;--stroke-width: 0.1rem}sm-form{--gap: 1rem}sm-select{--padding: 0.8rem;font-size:.9rem}sm-option{font-size:.9rem}sm-chips{--gap: 0.3rem}sm-chip{position:relative;font-size:.9rem;--border-radius: 0.5rem;--padding: 0.5rem 0.8rem;--background: rgba(var(--text-color), 0.06);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:500}sm-chip[selected]{--background: var(--accent-color);color:rgba(var(--foreground-color), 1)}ul{list-style:none}ol{counter-reset:item}ol li{position:relative;display:flex;align-items:flex-start;counter-increment:item}ol li:not(:last-of-type){padding-bottom:1.5rem}ol li:not(:last-of-type)::after{content:"";position:absolute;width:.1rem;height:calc(100% - 2.2rem);background:var(--accent-color);margin-left:.7rem;margin-top:2rem}ol li::before{content:counter(item);display:flex;align-items:center;justify-content:center;text-align:center;font-size:.8rem;font-weight:500;margin-top:.15rem;margin-right:1rem;line-height:1;width:1.5rem;height:1.5rem;border-radius:100%;flex-shrink:0;color:rgba(var(--text-color), 0.8);background:rgba(var(--text-color), 0.1)}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.full-bleed{grid-column:1/-1}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.sticky{position:-webkit-sticky;position:sticky}.top-0{top:0}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid{display:grid}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-content:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.text-center{text-align:center}.justify-start{justify-items:start}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.align-self-end{align-self:end}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.flex-direction-column{flex-direction:column}.space-between{justify-content:space-between}.margin-right-0-3{margin-right:.3rem}.margin-right-0-5{margin-right:.5rem}.margin-right-auto{margin-right:auto}.margin-left-0-5{margin-left:.5rem}.margin-left-auto{margin-left:auto}.margin-top-1{margin-top:1rem}.margin-top-1-5{margin-top:1.5rem}.margin-bottom-0-5{margin-bottom:.5rem}.margin-bottom-1{margin-bottom:1rem}.margin-bottom-1-5{margin-bottom:1.5rem}.margin-bottom-2{margin-bottom:2rem}.padding-0-3{padding:.3rem}.padding-0-5{padding:.5rem}.padding-1{padding:1rem}.padding-inline-0-5{padding-inline:.5rem}.padding-inline-1{padding-inline:1rem}.padding-block-0-5{padding-block:.5rem}.padding-block-1{padding-block:1rem}.border-radius-0-3{border-radius:.3rem}.border-radius-0-5{border-radius:.5rem}.font-0-9{font-size:.9rem}.w-100{width:100%}.h-100{height:100%}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);font-weight:500;margin-bottom:.2rem}.button--primary .ripple,.button--danger .ripple{background:radial-gradient(circle, rgba(var(--background-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%)}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.empty-state{display:grid;width:100%;padding:1.5rem 0}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.bullet-point{display:flex;align-items:center;justify-content:center;margin:0 .8ch}.bullet-point::after{content:"";height:.4ch;width:.4ch;border-radius:.5em;background-color:var(--accent-color)}.icon-button{padding:.6rem;border-radius:.8rem;background-color:rgba(var(--text-color), 0.1);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.page{height:100%}.page__header{position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;background-color:rgba(var(--foreground-color), 1);z-index:1}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{margin-bottom:.5rem}#confirmation_popup .flex,#prompt_popup .flex{margin-top:1rem}#prompt_message{margin-bottom:1.5rem}.popup__header{position:relative;display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr}.popup__header>*{grid-row:1}.popup__header h3,.popup__header h4{grid-column:1/-1;justify-self:center;align-self:center}.popup__header__close{grid-column:1}.flo-icon{margin-right:.3rem;height:1.5rem;width:1.5rem}#secondary_pages{display:flex;flex-direction:column;width:100%}#secondary_pages header{padding:1.5rem}#secondary_pages .inner-page{height:100%}#landing>section{justify-content:center;justify-items:center;align-items:center;text-align:center;padding:8vw 0}#landing h1{font-size:clamp(2rem,5vw,5rem)}#sign_in,#sign_up{justify-content:center;align-items:center}#sign_in sm-form,#sign_up sm-form{margin:2rem 0}#sign_in{display:grid;align-content:center;padding:0;justify-items:center}#sign_in .illustration{height:auto;background-color:#4d77ff;border-radius:1rem;width:min(24rem,100%)}#sign_in section{width:min(24rem,100%);background-color:rgba(var(--foreground-color), 1);padding:max(1.5rem,2vw);border-radius:.5rem;margin-top:-1.6rem}#sign_up{justify-items:center;align-content:center}#sign_up keys-generator{width:min(26rem,100%);margin-top:-4rem}#sign_up .h2{margin-bottom:.5rem}#main_header{display:grid;gap:1rem;padding:1rem;align-items:center;grid-template-columns:minmax(0, 1fr) auto auto;min-height:4rem}#user_profile_button{background-color:var(--blue-accent-1);border-radius:2rem;font-size:.8rem;padding:.6rem .8rem;font-weight:700;min-width:0}#notifications_wrapper{position:relative}#notifications_panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background-color:rgba(var(--foreground-color), 1);padding:1rem}.logged-in-user-id{background-color:rgba(var(--text-color), 0.06);max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:.4rem .8rem .4rem .5rem;border-radius:2rem;font-weight:500}#main_card{position:relative;display:flex;flex-direction:column;height:100%;width:100%;transition:background-color .3s}#main_card.nav-hidden .inner-page{grid-area:2/1/3/-1}.badge{display:flex;align-items:center;justify-content:center;content:attr(data-notifications);position:absolute;top:0;right:0;font-size:.8rem;padding:.1rem .3rem;background:var(--danger-color);color:rgba(var(--background-color), 1);aspect-ratio:1/1;font-weight:700;border-radius:.3rem}.inner-page{display:flex;flex-direction:column;padding:0 1rem;flex:1;align-content:start;overflow-y:auto}.password-field label{display:flex;justify-content:center}.password-field label input:checked~.visible{display:none}.password-field label input:not(:checked)~.invisible{display:none}.multi-state-button{display:grid;text-align:center;align-items:center;justify-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}.scrolling-wrapper{overflow-y:auto}#home{position:relative;display:grid;padding:0;gap:3rem;overflow-y:visible;align-content:initial;transition:filter .3s}#home>*{align-content:flex-start}#wallet_section{position:relative;display:flex;flex-direction:column;height:100%;gap:1.5rem;background-color:rgba(var(--accent-color-rgb), 0.02)}#wallet_section sm-chips{display:flex;justify-content:center}#wallet_section sm-chip::part(chip){width:8rem;justify-content:center}#wallet_section>*{width:100%}#wallet_section::before{content:"";position:absolute;top:-10vmax;left:0;width:100%;height:10vmax;background-color:inherit;pointer-events:none}#user,#cashier{position:relative;padding-bottom:1rem;align-content:flex-start}#cashier{padding:1rem 0}#wallet_cards_wrapper{display:grid;grid-template-columns:6rem 1fr;background-color:rgba(var(--text-color), 0.06);border-radius:.5rem;padding:0 .2rem}#wallet_cards_wrapper sm-input{--background: transparent}#wallet_cards_wrapper sm-select{margin:.2rem 0;--background: rgba(var(--foreground-color), 1)}#wallet_cards_wrapper sm-select[open]{z-index:10}.balance-card{background-color:rgba(var(--accent-color-rgb), 0.06);border-radius:.5rem;padding:.8rem;font-size:.9rem}.balance-card>*{font-weight:500}#rupee_balance span:first-of-type,#flo_balance span:first-of-type,#btc_balance span:first-of-type{font-size:1.5rem}#rupee_balance span:nth-of-type(2),#flo_balance span:nth-of-type(2),#btc_balance span:nth-of-type(2){font-size:1rem}.actions-wrapper{display:grid;grid-template-columns:repeat(auto-fill, minmax(4rem, 1fr));gap:1rem .5rem}.wallet-action,.integrated-action-button{position:relative;color:inherit;font-weight:500;font-size:.9rem}.wallet-action .icon:first-of-type,.integrated-action-button .icon:first-of-type{height:3rem;width:3rem;padding:.95rem;overflow:visible;fill:var(--accent-color);border-radius:2rem;background-color:var(--blue-accent-2)}.wallet-action .badge,.integrated-action-button .badge{left:0;right:auto}.wallet-action{gap:.5rem;flex-direction:column;align-items:center;font-size:.8rem;white-space:initial;border-radius:.5rem;padding:0;min-width:0}.integrated-action-button{padding:0;justify-content:flex-start}.integrated-action-button .icon:first-of-type{margin-right:1rem}.integrated-action-button span:last-of-type{font-size:1rem}.cashier-status{font-size:.9rem;padding:1rem 1.2rem;border-radius:1rem;background-color:rgba(240,230,140,.8);color:rgba(0,0,0,.8)}.cashier-status .icon{fill:rgba(0,0,0,.8)}#topup_wallet__qr_code{background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;height:10rem;justify-self:flex-start;width:10rem}#topup_wallet__qr_code svg{width:100%;height:100%;fill:rgba(var(--text-color), 1)}#cashier_status{font-size:.9rem;padding:1rem 1.2rem;border-radius:1rem;background-color:rgba(240,230,140,.8);color:rgba(0,0,0,.8)}#cashier_status .icon{fill:rgba(0,0,0,.8)}.remove-card-wrapper{min-height:2rem}#selected_fee_tip,#error_section{font-weight:500}.error{color:var(--danger-color)}.error .icon{fill:var(--danger-color)}#send_fee_wrapper{display:grid}#send_fee_wrapper>*{grid-area:1/1}#send_fee_loader{background-color:rgba(var(--foreground-color), 1);z-index:1;width:100%}.receiver-card{display:grid;gap:.5rem;padding:.5rem 0;border:none}.receiver-card:not(:last-of-type){border-bottom:solid thin rgba(var(--text-color), 0.3)}#contacts{position:relative;padding-bottom:6rem}#recent_contacts{gap:0}#saved_ids_list{display:grid;gap:.5rem 1rem;grid-template-columns:minmax(0, 1fr);margin-bottom:1.5rem}.saved-id{align-items:center;grid-template-columns:auto 1fr;gap:0 1rem;padding:.5rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:.5rem}.saved-id.highlight{box-shadow:0 0 .1rem .1rem var(--accent-color) inset}.saved-id .edit-saved{padding:.3rem;position:relative}.saved-id__initials{display:flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;font-size:1.2rem;text-transform:uppercase;color:var(--accent-color);font-weight:700;line-height:1;background-color:rgba(var(--text-color), 0.03);border-radius:2rem;grid-area:1/1/3/2}.saved-id__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.saved-id__flo-id{font-size:.8rem}.saved-id__copy{padding:.3rem .5rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}#saved_ids_tip{background-color:rgba(var(--text-color), 0.03);border-radius:2rem;padding:.5rem .8rem .5rem .5rem}.card{background-color:rgba(var(--foreground-color), 1);border-radius:.5rem;padding:1rem}#contact{display:grid;grid-template-rows:auto 1fr auto;padding:0;height:100%}#contact>*{padding:1rem 1.5rem}#contact>:first-child{padding-top:0}#contact>:last-child{padding:.5rem 1.5rem;border-top:solid thin rgba(var(--text-color), 0.2)}#contact>:last-child button{padding:.8rem 2rem;border-radius:1rem;color:var(--accent-color);background-color:rgba(var(--text-color), 0.03)}#contact__transactions{position:relative;display:grid;gap:.5rem;overflow-y:auto;flex:1;padding:0 max(1rem,8vw) 1rem max(1rem,8vw);align-content:flex-start}#contact__transactions sm-spinner{position:absolute;justify-self:center;align-self:center}.transaction-message{background-color:rgba(var(--text-color), 0.06);padding:1rem;border-radius:.5rem;justify-self:flex-start;border-radius:0 1rem 1rem 1rem;gap:.5rem}.transaction-message.received{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}.transaction-message.received+.transaction-message.received{border-radius:1rem}.transaction-message.sent{margin-left:auto;justify-self:flex-end;border-radius:1rem 1rem 0 1rem;text-align:right}.transaction-message__amount{font-size:1.2rem}.transaction-message__time{opacity:.8;font-size:.8rem}#history_applied_filters{padding:.2rem 0 .5rem 0}.applied-filter{display:flex;align-items:center;padding:.5rem .6rem .5rem .8rem;border-radius:.5rem;border:solid thin rgba(var(--text-color), 0.2);text-transform:uppercase;font-size:.8rem;font-weight:500;letter-spacing:.08em}.applied-filter button{padding:.6rem}.applied-filter .icon{margin-left:.3rem}fieldset{border:none;padding:0;margin:0}fieldset legend{font-size:.8rem;font-weight:500;margin-bottom:.5rem}.category-chip{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .5rem;border-radius:.3rem;font-size:.8rem;border:solid thin rgba(var(--text-color), 0.2);font-weight:700}.category-chip input{display:none}.category-chip span{transition:transform .2s;transform:translateX(-0.8rem)}.category-chip .icon{opacity:0;transition:opacity .2s,transform .2s;margin-right:.3rem;fill:var(--accent-color);transform:translateX(0.5rem)}.category-chip input:checked~.icon{opacity:1;transform:translateX(0)}.category-chip input:checked~span{color:var(--accent-color);transform:translateX(0)}#wallet_history_wrapper{margin-top:1.5rem;padding-bottom:3rem}#payments_history{display:grid;gap:2rem;margin-top:1.5rem;padding-bottom:6rem}.transaction{grid-template-columns:auto 1fr auto;gap:.5rem 1rem;align-items:flex-start}.transaction .button{min-width:auto;white-space:normal;text-align:start}.transaction.sent .icon--tx-type{fill:var(--danger-color)}.transaction.sent .transaction__amount{color:var(--danger-color)}.transaction.sent .transaction__amount::before{content:"- "}.transaction.received .icon--tx-type{fill:var(--green)}.transaction.received .transaction__amount{color:var(--green)}.transaction.received .transaction__amount::before{content:"+ "}.transaction__icon{position:relative;display:grid;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:rgba(var(--text-color), 0.03);border-radius:2rem}.transaction__icon>*{grid-area:1/1}.transaction__icon .icon--tx-type{position:absolute;background-color:inherit;right:-0.3rem;bottom:-0.3rem;border-radius:1rem;padding:.2rem;height:1.5rem;width:1.5rem;border:solid medium rgba(var(--foreground-color), 1)}.transaction__receiver{font-size:.9rem;font-weight:500}.transaction__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.transaction__amount{font-size:.9rem;font-weight:500;white-space:nowrap}.btc-tx{display:grid;grid-template-columns:auto minmax(0, 1fr);gap:.5rem 1rem;align-items:flex-start}.btc-tx .button{min-width:auto;white-space:normal;text-align:start}.btc-tx.out .icon--tx-type{fill:var(--danger-color)}.btc-tx.out .btc-tx__amount{color:var(--danger-color)}.btc-tx.out .btc-tx__amount::before{content:"- "}.btc-tx.in .icon--tx-type{fill:var(--green)}.btc-tx.in .btc-tx__amount{color:var(--green)}.btc-tx.in .btc-tx__amount::before{content:"+ "}.btc-tx.unconfirmed-tx .icon{fill:var(--yellow)}.btc-tx__icon{position:relative;display:grid;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:rgba(var(--text-color), 0.03);border-radius:2rem}.btc-tx__icon>*{grid-area:1/1}.btc-tx__icon .icon--tx-type{position:absolute;background-color:inherit;right:-0.3rem;bottom:-0.3rem;border-radius:1rem;padding:.2rem;height:1.5rem;width:1.5rem;border:solid medium rgba(var(--foreground-color), 1)}.btc-tx__receiver{font-size:.9rem;font-weight:500}.btc-tx__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.btc-tx__amount{font-size:.9rem;font-weight:500;white-space:nowrap}.btc-tx__id{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.btc-tx .pending-badge{font-size:.8rem;padding:.2rem .5rem;border-radius:.5rem;background-color:var(--yellow);color:rgba(var(--foreground-color), 1);font-weight:500;align-self:flex-start}.fab{position:absolute;right:0;bottom:0;margin:1.5rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.2);z-index:2}#scroll_to_top{border-radius:3rem;background-color:rgba(var(--foreground-color), 1)}.user-action-result__icon{justify-self:center;height:4rem;width:4rem;border-radius:5rem;margin-bottom:2rem;-webkit-animation:popup 1s;animation:popup 1s}.user-action-result__icon.success{fill:rgba(var(--background-color), 1);padding:1rem;background-color:#0bbe56}.user-action-result__icon.failed{background-color:rgba(var(--text-color), 0.03);fill:var(--danger-color)}@-webkit-keyframes popup{0%{opacity:0;transform:scale(0.2) translateY(600%)}10%{transform:scale(0.2) translateY(5rem);opacity:1}40%{transform:scale(0.2) translateY(0)}80%{transform:scale(1.1) translateY(0)}100%{transform:scale(1) translateY(0)}}@keyframes popup{0%{opacity:0;transform:scale(0.2) translateY(600%)}10%{transform:scale(0.2) translateY(5rem);opacity:1}40%{transform:scale(0.2) translateY(0)}80%{transform:scale(1.1) translateY(0)}100%{transform:scale(1) translateY(0)}}.cashier-request,.payment-request{display:flex;gap:1rem;align-items:center;padding:1rem;border-radius:.3rem;background-color:rgba(var(--foreground-color), 1)}.cashier-request:not(:last-of-type),.payment-request:not(:last-of-type){margin-bottom:.5rem}.cashier-request__mode,.payment-request__mode{text-align:center;width:2rem;font-size:.8rem}.cashier-request__time,.payment-request__time{font-size:.8rem}.cashier-request{display:grid;gap:.5rem 1rem;padding:1rem 0;grid-template-columns:auto 1fr auto;grid-template-areas:"mode details status" "mode . status"}.cashier-request__mode{grid-area:mode}.cashier-request__details{grid-area:details;font-weight:700}.cashier-request__status,.cashier-request__requestor{font-size:.8rem}.cashier-request__status{grid-area:status;grid-column:3/4;grid-row:1/3}#payment_request_history{padding-bottom:3rem}#payment_request_history .payment-request{margin:0 -1rem}.payment-request{display:grid;gap:.5rem 1rem;grid-template-columns:1fr auto;color:rgba(var(--text-color), 1)}.payment-request__requestor{font-weight:500}.payment-request__amount{font-weight:700;text-align:right}.payment-request__status{display:flex;align-items:center;font-size:.8rem;text-transform:capitalize}.payment-request__status .icon{height:1rem;width:1rem;margin-left:.3rem}.payment-request .icon.paid{fill:var(--green)}.payment-request .icon.declined{fill:var(--danger-color)}.payment-request .button{background-color:rgba(0,0,0,0);padding:.6rem .8rem;color:var(--accent-color);background-color:rgba(var(--foreground-color), 1)}.payment-request--pending{padding:0}.wallet-request{display:grid;gap:.5rem 1rem;padding:.5rem 0;border-radius:.5rem;grid-template-columns:auto 1fr}.wallet-request:not(.rejected,.pending).withdrawn .wallet-request__amount::before{content:"- "}.wallet-request:not(.rejected,.pending).added .wallet-request__amount{color:var(--green)}.wallet-request:not(.rejected,.pending).added .wallet-request__amount::before{content:"+ "}.wallet-request .icon.pending{fill:var(--yellow)}.wallet-request .icon.failed{fill:var(--danger-color)}.wallet-request__icon{display:flex;align-items:center;justify-content:center;grid-area:1/1/3/2;width:2.5rem;height:2.5rem;border-radius:2rem;background-color:rgba(var(--text-color), 0.06)}.wallet-request__icon .icon{fill:var(--accent-color)}.wallet-request__details{font-weight:500}.wallet-request__details,.wallet-request__amount{color:rgba(var(--text-color), 1)}.wallet-request__amount{font-weight:700}.wallet-request__time,.wallet-request__status{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.wallet-request__status{text-align:right}.wallet-request__status .icon{margin-left:.3rem}#transaction__amount{font-size:2.5rem;font-weight:700}#transaction__remark,#transaction__note{line-height:1.6;justify-self:flex-start;background-color:rgba(var(--text-color), 0.06);border-radius:.5rem;padding:.8rem}#transaction__note .icon{fill:var(--danger-color);margin-right:.5rem}#saved_upi_ids_list{display:grid;gap:.5rem;width:min(24rem,100%)}.saved-upi{display:flex;justify-content:space-between;align-items:center;padding:.4rem .4rem .4rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}#convert_asset_popup .error-icon{height:3rem;width:3rem;fill:var(--danger-color)}#conversion_status{padding-bottom:1.5rem}.amount-option{display:flex;gap:.5rem;padding:.5rem .6rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);cursor:pointer;accent-color:var(--accent-color);font-size:.9rem;font-weight:500}@media screen and (max-width: 40rem){#home.is-sub-admin{align-content:flex-start}#home:not(.is-sub-admin){padding-bottom:3rem}#home>*{padding:0 1rem}#wallet_section{padding-bottom:1.5rem}.integrated-action-button .icon:last-of-type{margin-left:auto}#bottom_nav{position:fixed;bottom:0;left:0;right:0;z-index:5;background-color:rgba(var(--foreground-color), 1)}#bottom_nav ul{display:flex;justify-content:space-between;align-items:center}#bottom_nav ul li{flex:1}.nav-item{display:flex;flex-direction:column;gap:.3rem;align-items:center;padding:.5rem;font-size:.8rem;flex:1;color:inherit;font-weight:500}.nav-item--active{color:var(--accent-color)}.nav-item--active .icon{fill:var(--accent-color)}.integrated-action-button .icon:last-of-type{margin-left:auto}.hide-on-mobile{display:none}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{padding:1.5rem 1.5rem 0 .75rem}body{align-items:center;justify-content:center}.inner-page{padding:0 14vw}#main_header{padding:1.5rem 3vw;grid-template-columns:1fr auto auto auto}.card{padding:1.5rem}#home{grid-template-columns:26rem 1fr;gap:4vw;padding-right:3vw}#profile_popup{--width: 32rem}#notifications_panel{position:absolute;top:100%;left:auto;bottom:auto;right:0;border-radius:.5rem;z-index:10;box-shadow:0 .5rem 1rem rgba(0,0,0,.1);border:solid 1px rgba(var(--text-color), 0.1);background-color:rgba(var(--foreground-color), 1);width:max(24rem,100%)}#wallet_section{padding:0 3vw;grid-row:1/3}#contact>*{padding:1rem 12vw}#contact>:last-child{padding:.5rem 12vw}#saved_ids_list{gap:1.5rem;grid-template-columns:repeat(auto-fill, minmax(16rem, 1fr))}.hide-on-desktop{display:none}}@media screen and (min-width: 68rem){#home:not(.is-sub-admin){grid-template-columns:26rem 1fr 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.button--primary:not([disabled]),.button--danger:not([disabled]){transition:filter .3s}.button--primary:not([disabled]):hover,.button--danger:not([disabled]):hover{filter:brightness(1.3)}.interact:not([disabled]),button:not([disabled],.button--primary,.button--danger),.button:not([disabled],.button--primary,.button--danger){transition:background-color .3s}.interact:not([disabled]):hover,button:not([disabled],.button--primary,.button--danger):hover,.button:not([disabled],.button--primary,.button--danger):hover{background-color:rgba(var(--text-color), 0.06)}}@supports(overflow: overlay){body{overflow:overlay}}.hidden{display:none !important}#adblocker_warning{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--foreground-color), 1);z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;padding:1.5rem}#adblocker_warning:empty{display:none}#adblocker_warning .icon{height:4rem;width:4rem;fill:#ffc107} \ No newline at end of file +*{padding:0;margin:0;box-sizing:border-box;font-family:"Inter",sans-serif}*:focus-visible{outline:var(--accent-color) solid medium;outline-offset:0;transition:outline-offset .3s}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%}body{--accent-color: #234ebf;--accent-color-rgb: 35, 78, 191;--blue-accent-1: #f5f8ff;--blue-accent-2: #f2f6ff;--text-color: 58, 58, 58;--foreground-color: 255, 255, 255;--background-color: 243, 245, 250;--danger-color: #ff6161;--green: #1cad59;--yellow: rgb(220, 165, 0);scrollbar-width:thin;scrollbar-gutter:stable;color:rgba(var(--text-color), 1);background-color:rgba(var(--foreground-color), 1);transition:background-color .3s;position:relative;display:flex;flex-direction:column}body[data-theme=dark]{--accent-color: #a0b6ff;--accent-color-rgb: 160, 182, 255;--blue-accent-1: #f5f8ff10;--blue-accent-2: #f2f6ff10;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676;--yellow: rgb(255, 213, 5)}p,strong{font-size:.9rem;max-width:65ch;line-height:1.7;color:rgba(var(--text-color), 0.9)}.warning{line-height:normal;padding:1rem;background-color:khaki;border-radius:.5rem;font-weight:500;color:rgba(0,0,0,.7)}a{text-decoration:none;color:var(--accent-color)}.button,button{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;display:inline-flex;border:none;background-color:rgba(0,0,0,0);overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;font-size:.9rem;font-weight:500;white-space:nowrap;padding:.8rem;border-radius:.5rem;justify-content:center;color:inherit;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.button:not(:disabled),button:not(:disabled){cursor:pointer}.button{color:var(--accent-color);background-color:var(--blue-accent-1)}.button .icon{fill:var(--accent-color)}.button--primary,.button--danger{color:rgba(var(--background-color), 1) !important}.button--primary .icon,.button--danger .icon{fill:rgba(var(--background-color), 1)}.button--primary{width:100%;background-color:var(--accent-color)}.button--danger{background-color:var(--danger-color)}.button--small{padding:.4rem .6rem}.cta{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1rem}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.8);flex-shrink:0}.icon-only{padding:.5rem;border-radius:.3rem}button:disabled{opacity:.5;cursor:not-allowed}details summary{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;align-items:center;justify-content:space-between}details[open] summary{margin-bottom:1rem}details[open]>summary .down-arrow{transform:rotate(180deg)}sm-popup::part(popup){background-color:rgba(var(--foreground-color), 1)}sm-popup::part(backdrop){-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem)}sm-input,sm-textarea{--border-radius: 0.5rem;--background-color: rgba(var(--foreground-color), 1)}sm-input button .icon,sm-textarea button .icon{fill:var(--accent-color)}sm-copy{font-size:.9rem}sm-spinner{--size: 1rem;--stroke-width: 0.1rem}sm-form{--gap: 1rem}sm-select{--padding: 0.8rem;font-size:.9rem}sm-option{font-size:.9rem}sm-chips{--gap: 0.3rem}sm-chip{position:relative;font-size:.9rem;--border-radius: 0.5rem;--padding: 0.5rem 0.8rem;--background: rgba(var(--text-color), 0.06);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:500}sm-chip[selected]{--background: var(--accent-color);color:rgba(var(--foreground-color), 1)}ul{list-style:none}ol{counter-reset:item}ol li{position:relative;display:flex;align-items:flex-start;counter-increment:item}ol li:not(:last-of-type){padding-bottom:1.5rem}ol li:not(:last-of-type)::after{content:"";position:absolute;width:.1rem;height:calc(100% - 2.2rem);background:var(--accent-color);margin-left:.7rem;margin-top:2rem}ol li::before{content:counter(item);display:flex;align-items:center;justify-content:center;text-align:center;font-size:.8rem;font-weight:500;margin-top:.15rem;margin-right:1rem;line-height:1;width:1.5rem;height:1.5rem;border-radius:100%;flex-shrink:0;color:rgba(var(--text-color), 0.8);background:rgba(var(--text-color), 0.1)}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-around{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.full-bleed{grid-column:1/-1}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.sticky{position:-webkit-sticky;position:sticky}.top-0{top:0}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid{display:grid}.flow-column{grid-auto-flow:column}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.text-align-right{text-align:right}.align-start{align-content:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.text-center{text-align:center}.justify-start{justify-items:start}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.justify-right{margin-left:auto}.align-self-center{align-self:center}.align-self-end{align-self:end}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.flex-direction-column{flex-direction:column}.space-between{justify-content:space-between}.margin-right-0-3{margin-right:.3rem}.margin-right-0-5{margin-right:.5rem}.margin-right-auto{margin-right:auto}.margin-left-0-5{margin-left:.5rem}.margin-left-auto{margin-left:auto}.margin-top-1{margin-top:1rem}.margin-top-1-5{margin-top:1.5rem}.margin-bottom-0-5{margin-bottom:.5rem}.margin-bottom-1{margin-bottom:1rem}.margin-bottom-1-5{margin-bottom:1.5rem}.margin-bottom-2{margin-bottom:2rem}.padding-0-3{padding:.3rem}.padding-0-5{padding:.5rem}.padding-1{padding:1rem}.padding-inline-0-5{padding-inline:.5rem}.padding-inline-1{padding-inline:1rem}.padding-block-0-5{padding-block:.5rem}.padding-block-1{padding-block:1rem}.border-radius-0-3{border-radius:.3rem}.border-radius-0-5{border-radius:.5rem}.font-0-9{font-size:.9rem}.w-100{width:100%}.h-100{height:100%}.label{font-size:.8rem;color:rgba(var(--text-color), 0.8);font-weight:500;margin-bottom:.2rem}.button--primary .ripple,.button--danger .ripple{background:radial-gradient(circle, rgba(var(--background-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%)}.ripple{height:8rem;width:8rem;position:absolute;border-radius:50%;transform:scale(0);background:radial-gradient(circle, rgba(var(--text-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);pointer-events:none}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.empty-state{display:grid;width:100%;padding:1.5rem 0}.observe-empty-state:empty{display:none !important}.observe-empty-state:not(:empty)+.empty-state{display:none !important}.bullet-point{display:flex;align-items:center;justify-content:center;margin:0 .8ch}.bullet-point::after{content:"";height:.4ch;width:.4ch;border-radius:.5em;background-color:var(--accent-color)}.icon-button{padding:.6rem;border-radius:.8rem;background-color:rgba(var(--text-color), 0.1);height:-webkit-max-content;height:-moz-max-content;height:max-content}.icon-button .icon{fill:var(--accent-color)}.page{height:100%}.page__header{position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;background-color:rgba(var(--foreground-color), 1);z-index:1}#confirmation_popup,#prompt_popup{flex-direction:column}#confirmation_popup h4,#prompt_popup h4{margin-bottom:.5rem}#confirmation_popup .flex,#prompt_popup .flex{margin-top:1rem}#prompt_message{margin-bottom:1.5rem}.popup__header{position:relative;display:grid;gap:.5rem;width:100%;padding:0 1.5rem 0 .5rem;align-items:center;grid-template-columns:auto 1fr}.popup__header>*{grid-row:1}.popup__header h3,.popup__header h4{grid-column:1/-1;justify-self:center;align-self:center}.popup__header__close{grid-column:1}.flo-icon{margin-right:.3rem;height:1.5rem;width:1.5rem}#secondary_pages{display:flex;flex-direction:column;width:100%}#secondary_pages header{padding:1.5rem}#secondary_pages .inner-page{height:100%}#landing>section{justify-content:center;justify-items:center;align-items:center;text-align:center;padding:8vw 0}#landing h1{font-size:clamp(2rem,5vw,5rem)}#sign_in,#sign_up{justify-content:center;align-items:center}#sign_in sm-form,#sign_up sm-form{margin:2rem 0}#sign_in{display:grid;align-content:center;padding:0;justify-items:center}#sign_in .illustration{height:auto;background-color:#4d77ff;border-radius:1rem;width:min(24rem,100%)}#sign_in section{width:min(24rem,100%);background-color:rgba(var(--foreground-color), 1);padding:max(1.5rem,2vw);border-radius:.5rem;margin-top:-1.6rem}#sign_up{justify-items:center;align-content:center}#sign_up keys-generator{width:min(26rem,100%);margin-top:-4rem}#sign_up .h2{margin-bottom:.5rem}#main_header{display:grid;gap:1rem;padding:1rem;align-items:center;grid-template-columns:minmax(0, 1fr) auto auto;min-height:4rem}#user_profile_button{background-color:var(--blue-accent-1);border-radius:2rem;font-size:.8rem;padding:.6rem .8rem;font-weight:700;min-width:0}#notifications_wrapper{position:relative}#notifications_panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background-color:rgba(var(--foreground-color), 1);padding:1rem}.logged-in-user-id{background-color:rgba(var(--text-color), 0.06);max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:.4rem .8rem .4rem .5rem;border-radius:2rem;font-weight:500}#main_card{position:relative;display:flex;flex-direction:column;height:100%;width:100%;transition:background-color .3s}#main_card.nav-hidden .inner-page{grid-area:2/1/3/-1}.badge{display:flex;align-items:center;justify-content:center;content:attr(data-notifications);position:absolute;top:0;right:0;font-size:.8rem;padding:.1rem .3rem;background:var(--danger-color);color:rgba(var(--background-color), 1);aspect-ratio:1/1;font-weight:700;border-radius:.3rem}.inner-page{display:flex;flex-direction:column;padding:0 1rem;flex:1;align-content:start;overflow-y:auto}.password-field label{display:flex;justify-content:center}.password-field label input:checked~.visible{display:none}.password-field label input:not(:checked)~.invisible{display:none}.multi-state-button{display:grid;text-align:center;align-items:center;justify-items:center}.multi-state-button>*{grid-area:1/1/2/2}.multi-state-button button{z-index:1}.scrolling-wrapper{overflow-y:auto}#home{position:relative;display:grid;padding:0;gap:3rem;overflow-y:visible;align-content:initial;transition:filter .3s}#home>*{align-content:flex-start}#wallet_section{position:relative;display:flex;flex-direction:column;height:100%;gap:1.5rem;background-color:rgba(var(--accent-color-rgb), 0.02)}#wallet_section sm-chips{display:flex;justify-content:center}#wallet_section sm-chip::part(chip){width:8rem;justify-content:center}#wallet_section>*{width:100%}#wallet_section::before{content:"";position:absolute;top:-10vmax;left:0;width:100%;height:10vmax;background-color:inherit;pointer-events:none}#user,#cashier{position:relative;padding-bottom:1rem;align-content:flex-start}#cashier{padding:1rem 0}#wallet_cards_wrapper{display:grid;grid-template-columns:6rem 1fr;background-color:rgba(var(--text-color), 0.06);border-radius:.5rem;padding:0 .2rem}#wallet_cards_wrapper sm-input{--background: transparent}#wallet_cards_wrapper sm-select{margin:.2rem 0;--background: rgba(var(--foreground-color), 1)}#wallet_cards_wrapper sm-select[open]{z-index:10}.balance-card{background-color:rgba(var(--accent-color-rgb), 0.06);border-radius:.5rem;padding:.8rem;font-size:.9rem}.balance-card>*{font-weight:500}#usd_balance span:first-of-type,#flo_balance span:first-of-type,#btc_balance span:first-of-type{font-size:1.5rem}#usd_balance span:nth-of-type(2),#flo_balance span:nth-of-type(2),#btc_balance span:nth-of-type(2){font-size:1rem}.actions-wrapper{display:grid;grid-template-columns:repeat(auto-fill, minmax(4rem, 1fr));gap:1rem .5rem}.wallet-action,.integrated-action-button{position:relative;color:inherit;font-weight:500;font-size:.9rem}.wallet-action .icon:first-of-type,.integrated-action-button .icon:first-of-type{height:3rem;width:3rem;padding:.95rem;overflow:visible;fill:var(--accent-color);border-radius:2rem;background-color:var(--blue-accent-2)}.wallet-action .badge,.integrated-action-button .badge{left:0;right:auto}.wallet-action{gap:.5rem;flex-direction:column;align-items:center;font-size:.8rem;white-space:initial;border-radius:.5rem;padding:0;min-width:0}.integrated-action-button{padding:0;justify-content:flex-start}.integrated-action-button .icon:first-of-type{margin-right:1rem}.integrated-action-button span:last-of-type{font-size:1rem}.cashier-status{font-size:.9rem;padding:1rem 1.2rem;border-radius:1rem;background-color:rgba(240,230,140,.8);color:rgba(0,0,0,.8)}.cashier-status .icon{fill:rgba(0,0,0,.8)}#topup_wallet__qr_code{background-color:rgba(var(--text-color), 0.03);border-radius:.5rem;height:10rem;justify-self:flex-start;width:10rem}#topup_wallet__qr_code svg{width:100%;height:100%;fill:rgba(var(--text-color), 1)}#cashier_status{font-size:.9rem;padding:1rem 1.2rem;border-radius:1rem;background-color:rgba(240,230,140,.8);color:rgba(0,0,0,.8)}#cashier_status .icon{fill:rgba(0,0,0,.8)}.remove-card-wrapper{min-height:2rem}#selected_fee_tip,#error_section{font-weight:500}.error{color:var(--danger-color)}.error .icon{fill:var(--danger-color)}#send_fee_wrapper{display:grid}#send_fee_wrapper>*{grid-area:1/1}#send_fee_loader{background-color:rgba(var(--foreground-color), 1);z-index:1;width:100%}.receiver-card{display:grid;gap:.5rem;padding:.5rem 0;border:none}.receiver-card:not(:last-of-type){border-bottom:solid thin rgba(var(--text-color), 0.3)}#contacts{position:relative;padding-bottom:6rem}#recent_contacts{gap:0}#saved_ids_list{display:grid;gap:.5rem 1rem;grid-template-columns:minmax(0, 1fr);margin-bottom:1.5rem}.saved-id{align-items:center;grid-template-columns:auto 1fr;gap:0 1rem;padding:.5rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:.5rem}.saved-id.highlight{box-shadow:0 0 .1rem .1rem var(--accent-color) inset}.saved-id .edit-saved{padding:.3rem;position:relative}.saved-id__initials{display:flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;font-size:1.2rem;text-transform:uppercase;color:var(--accent-color);font-weight:700;line-height:1;background-color:rgba(var(--text-color), 0.03);border-radius:2rem;grid-area:1/1/3/2}.saved-id__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.saved-id__flo-id{font-size:.8rem}.saved-id__copy{padding:.3rem .5rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.03)}#saved_ids_tip{background-color:rgba(var(--text-color), 0.03);border-radius:2rem;padding:.5rem .8rem .5rem .5rem}.card{background-color:rgba(var(--foreground-color), 1);border-radius:.5rem;padding:1rem}#contact{display:grid;grid-template-rows:auto 1fr auto;padding:0;height:100%}#contact>*{padding:1rem 1.5rem}#contact>:first-child{padding-top:0}#contact>:last-child{padding:.5rem 1.5rem;border-top:solid thin rgba(var(--text-color), 0.2)}#contact>:last-child button{padding:.8rem 2rem;border-radius:1rem;color:var(--accent-color);background-color:rgba(var(--text-color), 0.03)}#contact__transactions{position:relative;display:grid;gap:.5rem;overflow-y:auto;flex:1;padding:0 max(1rem,8vw) 1rem max(1rem,8vw);align-content:flex-start}#contact__transactions sm-spinner{position:absolute;justify-self:center;align-self:center}.transaction-message{background-color:rgba(var(--text-color), 0.06);padding:1rem;border-radius:.5rem;justify-self:flex-start;border-radius:0 1rem 1rem 1rem;gap:.5rem}.transaction-message.received{background-color:var(--accent-color);color:rgba(var(--background-color), 1)}.transaction-message.received+.transaction-message.received{border-radius:1rem}.transaction-message.sent{margin-left:auto;justify-self:flex-end;border-radius:1rem 1rem 0 1rem;text-align:right}.transaction-message__amount{font-size:1.2rem}.transaction-message__time{opacity:.8;font-size:.8rem}#history_applied_filters{padding:.2rem 0 .5rem 0}.applied-filter{display:flex;align-items:center;padding:.5rem .6rem .5rem .8rem;border-radius:.5rem;border:solid thin rgba(var(--text-color), 0.2);text-transform:uppercase;font-size:.8rem;font-weight:500;letter-spacing:.08em}.applied-filter button{padding:.6rem}.applied-filter .icon{margin-left:.3rem}fieldset{border:none;padding:0;margin:0}fieldset legend{font-size:.8rem;font-weight:500;margin-bottom:.5rem}.category-chip{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .5rem;border-radius:.3rem;font-size:.8rem;border:solid thin rgba(var(--text-color), 0.2);font-weight:700}.category-chip input{display:none}.category-chip span{transition:transform .2s;transform:translateX(-0.8rem)}.category-chip .icon{opacity:0;transition:opacity .2s,transform .2s;margin-right:.3rem;fill:var(--accent-color);transform:translateX(0.5rem)}.category-chip input:checked~.icon{opacity:1;transform:translateX(0)}.category-chip input:checked~span{color:var(--accent-color);transform:translateX(0)}#wallet_history_wrapper{margin-top:1.5rem;padding-bottom:3rem}#payments_history{display:grid;gap:2rem;margin-top:1.5rem;padding-bottom:6rem}.transaction{grid-template-columns:auto 1fr auto;gap:.5rem 1rem;align-items:flex-start}.transaction .button{min-width:auto;white-space:normal;text-align:start}.transaction.sent .icon--tx-type{fill:var(--danger-color)}.transaction.sent .transaction__amount{color:var(--danger-color)}.transaction.sent .transaction__amount::before{content:"- "}.transaction.received .icon--tx-type{fill:var(--green)}.transaction.received .transaction__amount{color:var(--green)}.transaction.received .transaction__amount::before{content:"+ "}.transaction__icon{position:relative;display:grid;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:rgba(var(--text-color), 0.03);border-radius:2rem}.transaction__icon>*{grid-area:1/1}.transaction__icon .icon--tx-type{position:absolute;background-color:inherit;right:-0.3rem;bottom:-0.3rem;border-radius:1rem;padding:.2rem;height:1.5rem;width:1.5rem;border:solid medium rgba(var(--foreground-color), 1)}.transaction__receiver{font-size:.9rem;font-weight:500}.transaction__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.transaction__amount{font-size:.9rem;font-weight:500;white-space:nowrap}.btc-tx{display:grid;grid-template-columns:auto minmax(0, 1fr);gap:.5rem 1rem;align-items:flex-start}.btc-tx .button{min-width:auto;white-space:normal;text-align:start}.btc-tx.out .icon--tx-type{fill:var(--danger-color)}.btc-tx.out .btc-tx__amount{color:var(--danger-color)}.btc-tx.out .btc-tx__amount::before{content:"- "}.btc-tx.in .icon--tx-type{fill:var(--green)}.btc-tx.in .btc-tx__amount{color:var(--green)}.btc-tx.in .btc-tx__amount::before{content:"+ "}.btc-tx.unconfirmed-tx .icon{fill:var(--yellow)}.btc-tx__icon{position:relative;display:grid;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:rgba(var(--text-color), 0.03);border-radius:2rem}.btc-tx__icon>*{grid-area:1/1}.btc-tx__icon .icon--tx-type{position:absolute;background-color:inherit;right:-0.3rem;bottom:-0.3rem;border-radius:1rem;padding:.2rem;height:1.5rem;width:1.5rem;border:solid medium rgba(var(--foreground-color), 1)}.btc-tx__receiver{font-size:.9rem;font-weight:500}.btc-tx__time{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.btc-tx__amount{font-size:.9rem;font-weight:500;white-space:nowrap}.btc-tx__id{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.btc-tx .pending-badge{font-size:.8rem;padding:.2rem .5rem;border-radius:.5rem;background-color:var(--yellow);color:rgba(var(--foreground-color), 1);font-weight:500;align-self:flex-start}.fab{position:absolute;right:0;bottom:0;margin:1.5rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.2);z-index:2}#scroll_to_top{border-radius:3rem;background-color:rgba(var(--foreground-color), 1)}.user-action-result__icon{justify-self:center;height:4rem;width:4rem;border-radius:5rem;margin-bottom:2rem;-webkit-animation:popup 1s;animation:popup 1s}.user-action-result__icon.success{fill:rgba(var(--background-color), 1);padding:1rem;background-color:#0bbe56}.user-action-result__icon.failed{background-color:rgba(var(--text-color), 0.03);fill:var(--danger-color)}@-webkit-keyframes popup{0%{opacity:0;transform:scale(0.2) translateY(600%)}10%{transform:scale(0.2) translateY(5rem);opacity:1}40%{transform:scale(0.2) translateY(0)}80%{transform:scale(1.1) translateY(0)}100%{transform:scale(1) translateY(0)}}@keyframes popup{0%{opacity:0;transform:scale(0.2) translateY(600%)}10%{transform:scale(0.2) translateY(5rem);opacity:1}40%{transform:scale(0.2) translateY(0)}80%{transform:scale(1.1) translateY(0)}100%{transform:scale(1) translateY(0)}}.cashier-request,.payment-request{display:flex;gap:1rem;align-items:center;padding:1rem;border-radius:.3rem;background-color:rgba(var(--foreground-color), 1)}.cashier-request:not(:last-of-type),.payment-request:not(:last-of-type){margin-bottom:.5rem}.cashier-request__mode,.payment-request__mode{text-align:center;width:2rem;font-size:.8rem}.cashier-request__time,.payment-request__time{font-size:.8rem}.cashier-request{display:grid;gap:.5rem 1rem;padding:1rem 0;grid-template-columns:auto 1fr auto;grid-template-areas:"mode details status" "mode . status"}.cashier-request__mode{grid-area:mode}.cashier-request__details{grid-area:details;font-weight:700}.cashier-request__status,.cashier-request__requestor{font-size:.8rem}.cashier-request__status{grid-area:status;grid-column:3/4;grid-row:1/3}#payment_request_history{padding-bottom:3rem}#payment_request_history .payment-request{margin:0 -1rem}.payment-request{display:grid;gap:.5rem 1rem;grid-template-columns:1fr auto;color:rgba(var(--text-color), 1)}.payment-request__requestor{font-weight:500}.payment-request__amount{font-weight:700;text-align:right}.payment-request__status{display:flex;align-items:center;font-size:.8rem;text-transform:capitalize}.payment-request__status .icon{height:1rem;width:1rem;margin-left:.3rem}.payment-request .icon.paid{fill:var(--green)}.payment-request .icon.declined{fill:var(--danger-color)}.payment-request .button{background-color:rgba(0,0,0,0);padding:.6rem .8rem;color:var(--accent-color);background-color:rgba(var(--foreground-color), 1)}.payment-request--pending{padding:0}.wallet-request{display:grid;gap:.5rem 1rem;padding:.5rem 0;border-radius:.5rem;grid-template-columns:auto 1fr}.wallet-request:not(.rejected,.pending).withdrawn .wallet-request__amount::before{content:"- "}.wallet-request:not(.rejected,.pending).added .wallet-request__amount{color:var(--green)}.wallet-request:not(.rejected,.pending).added .wallet-request__amount::before{content:"+ "}.wallet-request .icon.pending{fill:var(--yellow)}.wallet-request .icon.failed{fill:var(--danger-color)}.wallet-request__icon{display:flex;align-items:center;justify-content:center;grid-area:1/1/3/2;width:2.5rem;height:2.5rem;border-radius:2rem;background-color:rgba(var(--text-color), 0.06)}.wallet-request__icon .icon{fill:var(--accent-color)}.wallet-request__details{font-weight:500}.wallet-request__details,.wallet-request__amount{color:rgba(var(--text-color), 1)}.wallet-request__amount{font-weight:700}.wallet-request__time,.wallet-request__status{font-size:.8rem;color:rgba(var(--text-color), 0.8)}.wallet-request__status{text-align:right}.wallet-request__status .icon{margin-left:.3rem}#transaction__amount{font-size:2.5rem;font-weight:700}#transaction__remark,#transaction__note{line-height:1.6;justify-self:flex-start;background-color:rgba(var(--text-color), 0.06);border-radius:.5rem;padding:.8rem}#transaction__note .icon{fill:var(--danger-color);margin-right:.5rem}#saved_upi_ids_list{display:grid;gap:.5rem;width:min(24rem,100%)}.saved-upi{display:flex;justify-content:space-between;align-items:center;padding:.4rem .4rem .4rem 1rem;border-radius:.5rem;background-color:rgba(var(--text-color), 0.03)}#convert_asset_popup .error-icon{height:3rem;width:3rem;fill:var(--danger-color)}#conversion_status{padding-bottom:1.5rem}.amount-option{display:flex;gap:.5rem;padding:.5rem .6rem;border-radius:.3rem;background-color:rgba(var(--text-color), 0.06);cursor:pointer;accent-color:var(--accent-color);font-size:.9rem;font-weight:500}@media screen and (max-width: 40rem){#home.is-sub-admin{align-content:flex-start}#home:not(.is-sub-admin){padding-bottom:3rem}#home>*{padding:0 1rem}#wallet_section{padding-bottom:1.5rem}.integrated-action-button .icon:last-of-type{margin-left:auto}#bottom_nav{position:fixed;bottom:0;left:0;right:0;z-index:5;background-color:rgba(var(--foreground-color), 1)}#bottom_nav ul{display:flex;justify-content:space-between;align-items:center}#bottom_nav ul li{flex:1}.nav-item{display:flex;flex-direction:column;gap:.3rem;align-items:center;padding:.5rem;font-size:.8rem;flex:1;color:inherit;font-weight:500}.nav-item--active{color:var(--accent-color)}.nav-item--active .icon{fill:var(--accent-color)}.integrated-action-button .icon:last-of-type{margin-left:auto}.hide-on-mobile{display:none}}@media screen and (min-width: 40rem){sm-popup{--width: 24rem}.popup__header{padding:1.5rem 1.5rem 0 .75rem}body{align-items:center;justify-content:center}.inner-page{padding:0 14vw}#main_header{padding:1.5rem 3vw;grid-template-columns:1fr auto auto auto}.card{padding:1.5rem}#home{grid-template-columns:26rem 1fr;gap:4vw;padding-right:3vw}#profile_popup{--width: 32rem}#notifications_panel{position:absolute;top:100%;left:auto;bottom:auto;right:0;border-radius:.5rem;z-index:10;box-shadow:0 .5rem 1rem rgba(0,0,0,.1);border:solid 1px rgba(var(--text-color), 0.1);background-color:rgba(var(--foreground-color), 1);width:max(24rem,100%)}#wallet_section{padding:0 3vw;grid-row:1/3}#contact>*{padding:1rem 12vw}#contact>:last-child{padding:.5rem 12vw}#saved_ids_list{gap:1.5rem;grid-template-columns:repeat(auto-fill, minmax(16rem, 1fr))}.hide-on-desktop{display:none}}@media screen and (min-width: 68rem){#home:not(.is-sub-admin){grid-template-columns:26rem 1fr 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.button--primary:not([disabled]),.button--danger:not([disabled]){transition:filter .3s}.button--primary:not([disabled]):hover,.button--danger:not([disabled]):hover{filter:brightness(1.3)}.interact:not([disabled]),button:not([disabled],.button--primary,.button--danger),.button:not([disabled],.button--primary,.button--danger){transition:background-color .3s}.interact:not([disabled]):hover,button:not([disabled],.button--primary,.button--danger):hover,.button:not([disabled],.button--primary,.button--danger):hover{background-color:rgba(var(--text-color), 0.06)}}@supports(overflow: overlay){body{overflow:overlay}}.hidden{display:none !important}#adblocker_warning{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--foreground-color), 1);z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;padding:1.5rem}#adblocker_warning:empty{display:none}#adblocker_warning .icon{height:4rem;width:4rem;fill:#ffc107} \ No newline at end of file diff --git a/css/main.scss b/css/main.scss index 0060ec0..5d40d1a 100644 --- a/css/main.scss +++ b/css/main.scss @@ -820,7 +820,7 @@ ol { font-weight: 500; } } -#rupee_balance, +#usd_balance, #flo_balance, #btc_balance { span:first-of-type { diff --git a/index.html b/index.html index 37fd680..5da9f9b 100644 --- a/index.html +++ b/index.html @@ -17,7 +17,7 @@ const floGlobals = { blockchain: "FLO", adminID: "FH64hLqB71e6i11rnZZW7hvzoH8daCwy1J", - currency: "rupee", + currency: "USD", application: "blockchainUPI" } @@ -280,8 +280,8 @@
- Rupee - + USD +
FLO @@ -294,7 +294,7 @@
- Rupee + USD BTC
@@ -365,7 +365,7 @@
-

Send Rupee tokens to other +

Send USD tokens to other RanchiMall products

@@ -413,53 +413,148 @@ Send -
-
-
-

Recent transactions

-
- - See all -
-
-
-
-

No transactions yet

-

Send or receive some assets to see them here

+ svgiv class="grid hide-on-mobile user-element"> +
+

Recent transactions

+
+ + See all
-
-
-

Contacts

- See all +
+
+

No transactions yet

+

Send or receive some assets to see them here

+
+
+
+
+

Contacts

+ See all +
+ +
    +
    +

    No contacts yet

    +

    Add some contacts to see them here

    +
    +
    + + + + + - - - -
    -
    - -

    FUwLtWesPB1RpfSaHi2D4xYER3GycNojJN

    -
    -
      -
      -

      Nothing to see here

      -
      -
      - - -
      -
      -
      - -
        -
        -

        No requests

        -
        -
        -
        -
        - -

        Payment request

        -
        -
        -
        -
        @@ -875,13 +869,13 @@ All
        -
        @@ -2100,8 +2094,8 @@ getRef('contact__title').textContent = getFloIdTitle(params.floId) getRef('contact__transactions').innerHTML = '' Promise.all([ - floTokenAPI.fetch(`api/v1.0/getTokenTransactions?token=rupee&senderFloAddress=${floGlobals.myFloID}&destFloAddress=${params.floId}`), - floTokenAPI.fetch(`api/v1.0/getTokenTransactions?token=rupee&senderFloAddress=${params.floId}&destFloAddress=${floGlobals.myFloID}`)]) + floTokenAPI.fetch(`api/v1.0/getTokenTransactions?token=USD&senderFloAddress=${floGlobals.myFloID}&destFloAddress=${params.floId}`), + floTokenAPI.fetch(`api/v1.0/getTokenTransactions?token=USD&senderFloAddress=${params.floId}&destFloAddress=${floGlobals.myFloID}`)]) .then(([sentTransactions, receivedTransactions]) => { const allTransactions = Object.values({ ...sentTransactions.transactions, ...receivedTransactions.transactions }).sort((a, b) => b.transactionDetails.time - a.transactionDetails.time) if (contactHistoryLoader) { @@ -2824,7 +2818,7 @@ const upiId = getRef('select_withdraw_upi_id').value; if (!upiId) return notify("Please add an UPI ID to continue", 'error'); - buttonLoader('withdraw_rupee_button', true); + buttonLoader('withdraw_usd_button', true); getRef('withdrawal_blockchain_link').classList.add('hidden'); User.sendToken(cashier, amount, 'for token-to-cash').then(txid => { console.warn(`Withdraw ${amount} from cashier ${cashier}`, txid); @@ -2839,12 +2833,12 @@ showChildElement('withdraw_wallet_process', 2); console.error(error) }).finally(() => { - buttonLoader('withdraw_rupee_button', false); + buttonLoader('withdraw_usd_button', false); }); }).catch(error => { getRef('withdrawal_failed_reason').textContent = error; showChildElement('withdraw_wallet_process', 2); - buttonLoader('withdraw_rupee_button', false); + buttonLoader('withdraw_usd_button', false); console.error(error) }) } @@ -2856,19 +2850,19 @@ switch (type) { case 'exchange': { title = 'Transfer to Exchange'; - description = 'Deposit rupee tokens in RanchiMall Exchange'; - successTitle = 'Rupees transfer initiated'; + description = 'Deposit USD tokens in RanchiMall Exchange'; + successTitle = 'USD transfer initiated'; successDescription = html`

        Amount may take upto 30 mins to show up in exchange

        `; } break; case 'btc-bonds': { title = 'Transfer to Blockchain Bonds'; - description = 'Buy Blockchain Bonds with rupee tokens'; - successTitle = 'Rupees transferred for Blockchain Bonds'; + description = 'Buy Blockchain Bonds with USD tokens'; + successTitle = 'USD transferred for Blockchain Bonds'; } break; case 'bobs-fund': { title = `Transfer to Bob's fund`; - description = `Buy Bob's fund with rupee tokens`; - successTitle = `Rupees transferred for Bob's fund`; + description = `Buy Bob's fund with USD tokens`; + successTitle = `USD transferred for Bob's fund`; } break; } renderElem(getRef('external_transfer_process'), html` @@ -2906,19 +2900,19 @@ let name = ''; switch (type) { case 'exchange': { - confirmationMessage = `You are depositing ${amount} rupee tokens to exchange`; + confirmationMessage = `You are depositing ${amount} USD tokens to exchange`; receiverFloID = floGlobals.exchangeSink; name = 'RanchiMall Exchange'; } break; case 'btc-bonds': { receiverFloID = 'FBBstZ2GretgQqDP55yt8iVd4KNZkdvEzH'; - confirmationMessage = `You are transferring ${amount} rupee tokens to blockchain bond at FLO address ${receiverFloID}`; + confirmationMessage = `You are transferring ${amount} USD tokens to blockchain bond at FLO address ${receiverFloID}`; remarks = '|blockchain-bond'; name = 'Blockchain Bonds'; } break; case 'bobs-fund': { receiverFloID = 'FFXy5pJnfzu2fCDLhpUremyXQjGtFpgCDN'; - confirmationMessage = `You are transferring ${amount} rupee tokens to Bob's fund at FLO address ${receiverFloID}`; + confirmationMessage = `You are transferring ${amount} USD tokens to Bob's fund at FLO address ${receiverFloID}`; remarks = '|bobs-fund'; name = `Bob's Fund`; } break; @@ -2934,7 +2928,7 @@ result = await User.sendToken(receiverFloID, amount, remarks) document.getElementById('external_transfer__link').href = `https://flosight.duckdns.org/tx/${result}`; } else if (type === 'exchange') { - result = await floExchangeAPI.depositToken('rupee', amount, floGlobals.myFloID, receiverFloID, privateKey) + result = await floExchangeAPI.depositToken('USD', amount, floGlobals.myFloID, receiverFloID, privateKey) } console.log(result); showChildElement('external_transfer_process', 1); @@ -2945,8 +2939,8 @@ if (error.code) { errorText = error.message; } - if (error === 'Insufficient rupee# balance') - errorText = 'Insufficient rupee token balance in your wallet, please top-up your wallet.'; + if (error === 'Insufficient USD# balance') + errorText = 'Insufficient USD token balance in your wallet, please top-up your wallet.'; document.getElementById('external_transfer__failed_reason').textContent = errorText; showChildElement('external_transfer_process', 2); } finally { @@ -2963,7 +2957,7 @@ } getRef('wallet_section__asset_selector').addEventListener('change', (e) => { - if (e.target.value === 'rupee') { + if (e.target.value === 'USD') { showChildElement('asset_actions_wrapper', 0, { entry: slideInRight, exit: slideOutRight }); } else { showChildElement('asset_actions_wrapper', 1, { entry: slideInLeft, exit: slideOutLeft }); @@ -3446,7 +3440,7 @@ `; }, - rupeeTxCard(transactionDetails) { + usdTxCard(transactionDetails) { const { txid, time, sender, receiver, tokenAmount } = transactionDetails; let transactionReceiver let className @@ -3465,7 +3459,7 @@ return html.node`
      • - + ${icon}
        @@ -3688,8 +3682,8 @@ } }, transactionCard(details) { - if (details.asset === 'rupee') { - return render.rupeeTxCard(details) + if (details.asset === 'USD') { + return render.usdTxCard(details) } else if (details.asset === 'btc') { return render.btcTxCard(details) } @@ -3767,9 +3761,9 @@ return new Promise((resolve, reject) => { let promises = []; if (asset === 'all') - promises = [getRupeeTransactions(type), getBtcTransactions(type)]; - else if (asset === 'rupee') - promises = [getRupeeTransactions(type)]; + promises = [getUsdTransactions(type), getBtcTransactions(type)]; + else if (asset === 'USD') + promises = [getUsdTransactions(type)]; else if (asset === 'btc') promises = [getBtcTransactions(type)]; @@ -3787,14 +3781,14 @@ }) }) } - function getRupeeTransactions(type = 'all') { + function getUsdTransactions(type = 'all') { return new Promise((resolve, reject) => { if (!floGlobals.myFloID) { resolve([]) return; } floTokenAPI.getAllTxs(floGlobals.myFloID).then(({ transactions }) => { - let rupeeTransactions = []; + let usdTransactions = []; let shouldFilter = type !== 'all'; let propToCheck if (shouldFilter) @@ -3805,13 +3799,13 @@ if (details[propToCheck] !== floGlobals.myFloID) continue; } - rupeeTransactions.push({ + usdTransactions.push({ ...details, txid: transactionId, - asset: 'rupee', + asset: 'USD', }) } - resolve(rupeeTransactions) + resolve(usdTransactions) }).catch(e => { reject(e) }) @@ -3872,7 +3866,7 @@ if (button) buttonLoader(button, true) floTokenAPI.getBalance(floGlobals.myFloID).then((balance = 0) => { - getRef('rupee_balance').textContent = formatAmount(balance) + getRef('usd_balance').textContent = formatAmount(balance) if (button) buttonLoader(button, false) }) @@ -4040,9 +4034,9 @@ getRef('token_transfer__button').textContent = type; currentUserAction = type; if (type === 'send') { - getRef('token_transfer__title').textContent = 'Send rupee'; + getRef('token_transfer__title').textContent = 'Send USD'; } else { - getRef('token_transfer__title').textContent = 'Request rupee'; + getRef('token_transfer__title').textContent = 'Request USD'; } if (appState.lastPage === 'contact') { getRef('token_transfer__receiver').value = appState.params.floId; @@ -4425,7 +4419,7 @@ function convertCurrency(amount) { let convertedAmount = 0; if (amount && !Number.isNaN(amount)) { - if (convertingTo === 'rupee') { + if (convertingTo === 'USD') { convertedAmount = parseFloat((amount * globalExchangeRate.inr).toFixed(2)); } else { convertedAmount = parseFloat((amount / globalExchangeRate.inr).toFixed(8)) @@ -4440,7 +4434,7 @@ if (e.target.validity.rangeUnderflow) e.target.setAttribute('error-text', `Minimum amount is ${convertingTo === 'btc' ? '₹10' : '0.000001BTC'}`) if (e.target.validity.rangeOverflow) - e.target.setAttribute('error-text', `You do not have enough ${convertingTo === 'btc' ? 'rupee tokens' : 'BTC'}`) + e.target.setAttribute('error-text', `You do not have enough ${convertingTo === 'btc' ? 'USD tokens' : 'BTC'}`) } function handleConversionAmountSelection(e) { const fromAmount = parseFloat(e.target.value.trim()); @@ -4452,7 +4446,7 @@ async function initConversion(toAsset) { try { convertingTo = toAsset; - const fromAsset = convertingTo === 'btc' ? 'rupee' : 'btc'; + const fromAsset = convertingTo === 'btc' ? 'USD' : 'btc'; renderElem(getRef('conversion_status'), html`

        Checking conversion capability...

        @@ -4463,13 +4457,13 @@ // get possible conversion values const { [floExchangeAPI.processCode.CONVERT_MODE_GET]: permissibleBtc, - [floExchangeAPI.processCode.CONVERT_MODE_PUT]: permissibleRupee + [floExchangeAPI.processCode.CONVERT_MODE_PUT]: permissibleUsd } = await floExchangeAPI.getConvertValues() // const { // [floExchangeAPI.processCode.CONVERT_MODE_GET]: permissibleBtc, - // [floExchangeAPI.processCode.CONVERT_MODE_PUT]: permissibleRupee + // [floExchangeAPI.processCode.CONVERT_MODE_PUT]: permissibleUsd // } = { 0: [100, 200, 300], 1: [100, 200, 300] } - if (convertingTo === 'btc' && !permissibleBtc || convertingTo === 'rupee' && !permissibleRupee) { + if (convertingTo === 'btc' && !permissibleBtc || convertingTo === 'USD' && !permissibleUsd) { renderElem(getRef('conversion_status'), html` Conversion service not available @@ -4487,39 +4481,39 @@ case 'btc': assetBalance = await floTokenAPI.getBalance(floGlobals.myFloID) if (Array.isArray(permissibleBtc)) { - description = `Select the amount of rupee tokens you want to convert to BTC` + description = `Select the amount of USD tokens you want to convert to BTC` isRange = false; step = 0.00000001; leastAllowed = Math.min(...permissibleBtc); } else if (permissibleBtc.min) { const { min, max } = permissibleBtc; - description = `Enter the amount of rupee tokens you want to convert to BTC. Minimum amount is ${min} and maximum amount is ${max}` + description = `Enter the amount of USD tokens you want to convert to BTC. Minimum amount is ${min} and maximum amount is ${max}` leastAllowed = min; maxAllowed = Math.min(max, assetBalance); } - title = `Convert Rupee tokens to BTC`; + title = `Convert USD tokens to BTC`; break; - case 'rupee': + case 'USD': assetBalance = await btcOperator.getBalance(floGlobals.myBtcID) - if (Array.isArray(permissibleRupee)) { - description = `Select the amount of BTC you want to convert to rupee tokens` + if (Array.isArray(permissibleUsd)) { + description = `Select the amount of BTC you want to convert to USD tokens` isRange = false; step = 0.01; - leastAllowed = Math.min(...permissibleRupee); - } else if (permissibleRupee.min) { - const { min, max } = permissibleRupee; - description = `Enter the amount of BTC you want to convert to rupee tokens. Minimum amount is ${min} and maximum amount is ${max}` + leastAllowed = Math.min(...permissibleUsd); + } else if (permissibleUsd.min) { + const { min, max } = permissibleUsd; + description = `Enter the amount of BTC you want to convert to USD tokens. Minimum amount is ${min} and maximum amount is ${max}` leastAllowed = min; maxAllowed = Math.min(max, assetBalance); } - title = `Convert BTC to Rupee tokens`; + title = `Convert BTC to USD tokens`; break; } if (leastAllowed > assetBalance) { renderElem(getRef('conversion_status'), html` - You do not have enough ${convertingTo === 'btc' ? 'Rupee tokens' : 'BTC'} to convert to ${convertingTo.toUpperCase()}. Minimum amount is ${leastAllowed} + You do not have enough ${convertingTo === 'btc' ? 'USD tokens' : 'BTC'} to convert to ${convertingTo.toUpperCase()}. Minimum amount is ${leastAllowed} `) return @@ -4535,7 +4529,7 @@ ${isRange ? html`
        - ${fromAsset === 'rupee' ? + ${fromAsset === 'USD' ? html`` : html` ` } @@ -4543,7 +4537,7 @@ `: html`
        - ${(convertingTo === 'btc' ? permissibleBtc : permissibleRupee).map((amount) => html` + ${(convertingTo === 'btc' ? permissibleBtc : permissibleUsd).map((amount) => html`