F/calculator

[gerouvi]

TODO:

• [x] Add button link to stripe page
• [x] Fix UX button/link that leads to stripe to look like a button but also go to set the new uri
• [x] Add somehow the "Coming Soon" in the Buy with Crypto button
• [x] Explain with message that the minimum of 100 tokens when bying from stripe
  • [x] Implement the logic of min amount
• [x] If the user has already enough tokens for the voting process he wants to do show him a corrsponding message
• [x] separate faucet and calculator pages
• [x] Review which links go to the faucet and which to the caluclator

Election cost calculator

refs https://github.com/vocdoni/interoperability/issues/180

[github-actions[bot]]

🚀 Deployed on https://66acf5eba7f4c75fcc1e212b--onvote-stg.netlify.app

[github-actions[bot]]

🚀 Deployed on https://66acf5f48362b36ce752e131--vocdoni-app-dev.netlify.app

[github-actions[bot]]

🚀 Deployed on https://66acf5eafe7aad73002182aa--vocdoni-app-stg.netlify.app

[emmdim]

I approved it because looks good, but prettier complains about something wrong in these new files.

Prettier issues fixed

[jpaulet]

• [ ] When the "Calculate Cost" button is clicked, if the open tab is different than the "One-time", switch to this tab automatically.

• [ ] The "Min. 100 tokens" and "Coming soon" texts should be smaller.

• [ ] In the "If you have any question, check our FAQ or contact our support team" the "contact" word should be a link to "https://www.vocdoni.io/contact".

• [ ] Change CA text from: "Si tens alguna pregunta, consulta les nostres Preguntes Freqüents o posa't en contacte amb el nostre equip de suport" to: "Si tens algun dubte, consulta les FAQ o posa't en contacte amb l'equip de suport".

• [ ] Change ES text from: "Si tienes alguna pregunta, consulta nuestras preguntas frecuentes o contacta con nuestro equipo de soporte" to "Si tienes alguna duda, consulta las FAQ o contacta con el equipo de soporte".

• [ ] In the previous 2 tasks, add a anchor in the landing page to the FAQ section and link it with the word "FAQ" in all languages ( https://app.vocdoni.io/#faq )

• [ ] Move the 3 buttons used to switch between tabs outside the main container, in the top and as secondary buttons.

• [ ] If the user is not logged-in and clicks the "Buy Tokens" button, show the login modal instead of the new blank page:

• [ ] Change the text:

How Vocdoni Works

Vocdoni uses its own public voting blockchain (Vochain) to ensure maximum security, end-to-end verifiability, and a censorship-resistant voting process. To use this infrastructure, users need to expend tokens (a credit representation of the usage of the Vochain) to create the necessary election. Various parameters, such as census size and duration, determine the final voting cost.

Here you can simulate the cost of your voting process and purchase the needed tokens.

[elboletaire]

IMHO the total should be shown always, otherwise selecting anything outside of "Once" will render the left side useless

[jpaulet]

[ ] - After the Stripe checkout process, the success message is blank, and the "We appreciate your business! A confirmation email will be sent to aulet@vocdoni.org. If you have any questions, please email orders@vocdoni.org." appears in a wrong position.

[jpaulet]

• [x] The encrypted/overwrite flags are not working.
• [x] If the cost is less than 100 tokens, do not disable the button. The purchase should still be possible, but for 100 tokens (even if only 45 are needed).
• [x] In the "% Packages" tab, the different packages are not correctly sent to Stripe, and the amount always appears as "100".
• [ ] If an attempt is made to purchase more than 9999 tokens, the Stripe page crashes with the following error:

error 'session.New: {"status":400,"message":"If adjustable quantity is enabled, line_items[0][adjustable_quantity][maximum] (10000) must be greater than or equal to line_items[0][quantity] (16853). line_items[0][adjustable_quantity][maximum] can be set as high as 999999, but defaults to 99 if not set.","param":"line_items[0][quantity]","request_id":"req_8GVQ6c7WCTOIgY","request_log_url":"https://dashboard.stripe.com/test/logs/req_8GVQ6c7WCTOIgY?t=1721397251","type":"invalid_request_error"}'

• [x] Remove/hide (for now) the text A confirmation email will be sent to ... until we actually send the email.
• [x] If the user rejects to sign, the text should be:

You aborted the action. Without signing, you will not receive the purchased tokens. If this was an error, you can click on "Sign" to continue with the operation. If you want a refund, click on the "Refund" button.

• [x] The "Get more" (tokens) button in the profile dropdown, should point to the calculator instead of the faucet.
• [x] Add more vertical space between the header and the Stripe component.