Merged in feat/SW-459-payment-flow-ui-ux (pull request #657)

Feat/SW-459 payment flow ui ux

* feat(SW-431): List payment methods and handle booking status and redirection

* feat(SW-431): small fix

* fix(SW-431): Added intl string and sorted dictionaries

* fix(SW-431): add todo comments

* feat(SW-459): Added payment method icons

* feat(SW-459): refactored into new component and added form

* feat(SW-459): Localized strings

* feat(SW-459): added checkbox

* feat(SW-459): Refactored payment options and updated payment form

* feat(SW-459): update input bg color

* feat(SW-459): add current web links and style fixes

* fix(SW-459): fix issue with booking confirmation not being accessible

* feat(SW-459): style changes

* feat(SW-459): update max width of payment container

* feat(SW-459): update create booking schema

* feat(SW-459): fixes from PR


Approved-by: Arvid Norlin
This commit is contained in:
Tobias Johansson
2024-10-10 12:20:41 +00:00
parent 353ae5ec80
commit 740419bad2
38 changed files with 937 additions and 239 deletions

View File

@@ -0,0 +1,16 @@
<svg width="48" height="32" viewBox="0 0 48 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_5382_46855)">
<path d="M46.4 0H1.6C0.716344 0 0 0.716344 0 1.6V30.4C0 31.2837 0.716344 32 1.6 32H46.4C47.2837 32 48 31.2837 48 30.4V1.6C48 0.716344 47.2837 0 46.4 0Z" fill="white"/>
<rect x="0.5" y="0.5" width="47" height="31" rx="2.5" stroke="#E9E8E7"/>
<path d="M16.6894 5.12549C10.7022 5.12549 5.83105 10.0036 5.83105 15.9995C5.83105 21.996 10.7022 26.8746 16.6894 26.8746H31.3125C37.2989 26.8746 42.1694 21.996 42.1694 15.9995C42.1694 10.0036 37.2989 5.12549 31.3125 5.12549H16.6894Z" fill="white"/>
<path d="M30.5917 21.6152L26.5498 16.499C25.8021 19.9873 23.3557 21.6146 18.7696 21.6146H9.62988C11.2833 23.6955 13.833 25.0323 16.689 25.0323H31.3122C34.1671 25.0323 36.7163 23.6961 38.3698 21.6152H30.5917Z" fill="#E41D27"/>
<path d="M33.8687 15.3357L38.7313 21.1278C39.7384 19.6701 40.3297 17.9031 40.3297 15.9997C40.3297 13.9909 39.6709 12.133 38.5589 10.6313L33.8687 15.3357Z" fill="#E41D27"/>
<path d="M14.1063 14.0054L12.8096 17.5764H18.0415C19.5881 17.5764 20.0561 16.9351 20.4022 15.7004C20.7448 14.4792 19.8844 14.0054 18.8274 14.0054H14.1063Z" fill="#E41D27"/>
<path d="M20.0894 10.1422C23.7207 10.1422 26.4568 11.0676 26.7384 14.132L30.5601 10.1418H38.17C36.5146 8.2011 34.0545 6.96826 31.3123 6.96826H16.6892C13.9461 6.96826 11.4856 8.2011 9.83008 10.1422H20.0894Z" fill="#E41D27"/>
</g>
<defs>
<clipPath id="clip0_5382_46855">
<rect width="48" height="32" rx="3" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB