Proration and credit calculated amounts

[tanmoyAtb]

closes #1869

---

Submission checklist:

Layout

• Change looks good in the desktop web ui
• Change looks good in the mobile web ui

Theme

• Components / elements inspected in light mode
• Components / elements inspected in dark mode

[render]

Your Render PR Server URL is https://storage-ui-stage-pr-1878.onrender.com.

Follow its progress at https://dashboard.render.com/static/srv-c7o0gcjvog4or9lo8tkg.

[render]

Your Render PR Server URL is https://chainsafe-components-stage-pr-1878.onrender.com.

Follow its progress at https://dashboard.render.com/static/srv-c7o0gd3vog4or9lo8u10.

[render]

Your Render PR Server URL is https://files-ui-stage-pr-1878.onrender.com.

Follow its progress at https://dashboard.render.com/static/srv-c7o0gdrvog4or9lo8u5g.

[Tbaut]

I went briefly though the code, lgtm, I'll play with it now.

[Tbaut]

Looking good, it's simple and does the job well IMHO! Left some more nits.

[asnaith]

This seems to remember only the last payment when performing the calculations. Is this how it should work? I'm finding it a bit confusing so I'm sure users will too.

I'm not sure this is a genuine flow that someone would do but currently -

If I purchase a premium plan for $199 then if I downgrade to a standard plan then I don't owe anything because I paid more for the premium. However, if I then try to upgrade the standard plan back to premium I will have to pay an additional $100 as the standard account was only $99...but really the account should still have another $100 associated with it and no cost to go back to premium because the initial payment was $199.

Similarly, I purchase an annual standard plan for $99 and then I switch to a monthly premium plan the cost is $0.00 but it's not clear to me if the previously paid $99 will mean I don't get billed for the first 5 months when on the premium plan.

Hope this makes sense!

[Tbaut]

I had this thought too regarding the fact that we don't say anything about future invoices that might be impacted by the current account balance, but I figured this is something that the user intuitively understands, when telling them how much their account balance is.

I had a somewhat similar "issue" that my balance seemed to have been reset when switching to the free plan, but I guess this might be something to discuss with the api team.

[tanmoyAtb]

@asnaith Thanks for bringing this up. I noticed the first flow mismatch as well. However the calculations are fully done on the API side. Can you post the two flows on the files channel and we can discuss it with the team.

also we're only getting the next payment amounts from the API. IMO thats sufficient for the user to understand that the next few payments will be adjusted.

[FSM1]

Works great. The only thing I would change here is some of the labels - instead of

I would display the following:

Plan price: $ 19.99
Credit used: $9.99
--------------------
Payment Due: $10.00

[tanmoyAtb]

Works great. The only thing I would change here is some of the labels - instead of

I would display the following:

Plan price: $ 19.99
Credit used: $9.99
--------------------
Payment Due: $10.00

@FSM1 do you mean credit used or credit remaining ?

[FSM1]

Works great. The only thing I would change here is some of the labels - instead of
I would display the following:

Plan price: $ 19.99
Credit used: $9.99
--------------------
Payment Due: $10.00

@FSM1 do you mean credit used or credit remaining ?

I was just thinking of that... how about we go for something like the:

Plan price: $ 19.99
Credit used: $9.99
--------------------
Payment Due: $10.00
Credit remaining: $ 0 (Only display if there is still credit remaining - i.e. Payment Due === 0

[tanmoyAtb]

Works great. The only thing I would change here is some of the labels - instead of
I would display the following:

Plan price: $ 19.99
Credit used: $9.99
--------------------
Payment Due: $10.00

@FSM1 do you mean credit used or credit remaining ?

I was just thinking of that... how about we go for something like the:

Plan price: $ 19.99
Credit used: $9.99
--------------------
Payment Due: $10.00
Credit remaining: $ 0 (Only display if there is still credit remaining - i.e. Payment Due === 0

Looks relatable to me, I'll update this once API makes the changes for credit remaining and updates the field names.

[tanmoyAtb]

Hey guys, The PR is good to be reviewed IMO. As long as the terminology looks relatable to you, Its good to go.