pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update prepaid checkout to allow all countries

Browse Source
This commit is contained in:
Wim Brand
2025-04-09 09:47:15 +02:00
parent 4b297fec46
commit 5382d53513
43 changed files with 534 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
res/static/img/payment_providers/Voucher.svg
View File

@@ -1,59 +0,0 @@
<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="24" rx="4" fill="#FBB427"/>
<g filter="url(#filter0_d)">
<path d="M4.34066 11.5804H12.382C12.5702 11.5804 12.7228 11.4279 12.7228 11.2397V10.5028C12.7228 10.3146 12.5702 10.162 12.382 10.162H4.34066C4.15247 10.162 3.99992 10.3146 3.99992 10.5028V11.2397C3.99992 11.4279 4.15247 11.5804 4.34066 11.5804Z" fill="white"/>
</g>
<g filter="url(#filter1_d)">
<path d="M4.80165 16.5059H11.9211C12.1093 16.5059 12.2618 16.3534 12.2618 16.1652V11.1871H4.46092V16.1652C4.46092 16.3534 4.61347 16.5059 4.80165 16.5059Z" fill="white"/>
</g>
<path d="M12.2618 11.5804H4.46092V12.006H12.2618V11.5804Z" fill="#FBB427"/>
<path d="M8.05786 16.5059L8.05786 10.162L7.63235 10.162L7.63235 16.5059L8.05786 16.5059Z" fill="#FBB427"/>
<path d="M9.15442 16.5059L9.15442 10.162L8.72891 10.162L8.72891 16.5059L9.15442 16.5059Z" fill="#FBB427"/>
<path d="M8.36129 10.162C8.30691 10.162 8.25516 10.1388 8.21954 10.0972C8.18391 10.0563 8.16779 10.0019 8.17566 9.94829C8.17979 9.92016 8.59904 7.16205 10.7988 7.16205C11.7678 7.16205 12.1116 7.68555 12.1116 8.13367C12.1116 8.97591 10.948 10.162 8.36129 10.162ZM10.7988 7.53705C9.25678 7.53705 8.73104 9.18141 8.59041 9.78329C10.645 9.71954 11.7366 8.80229 11.7366 8.13367C11.7366 7.96717 11.6665 7.82992 11.5289 7.7268C11.3639 7.60267 11.1111 7.53705 10.7988 7.53705Z" fill="white"/>
<path d="M8.36169 10.162C5.77495 10.162 4.61133 8.97591 4.61133 8.13367C4.61133 7.85092 4.73845 7.59967 4.9687 7.4268C5.19933 7.25355 5.5297 7.16205 5.9242 7.16205C8.12394 7.16205 8.54318 9.92016 8.54731 9.94829C8.55518 10.0023 8.53906 10.0563 8.50343 10.0972C8.46781 10.1388 8.41606 10.162 8.36169 10.162ZM5.9242 7.53705C5.34557 7.53705 4.98633 7.76542 4.98633 8.13367C4.98633 8.80267 6.0787 9.71991 8.13444 9.78366C7.99831 9.17804 7.48569 7.53705 5.9242 7.53705Z" fill="white"/>
<line x1="15.5282" y1="2.5" x2="15.5282" y2="21.168" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4 4"/>
<g filter="url(#filter2_d)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M27.0001 8.01114C27.0001 7.49547 26.6057 7.0448 26.0916 7.0844C26.0373 7.08858 25.9849 7.09421 25.936 7.10159C24.429 7.32904 24.2865 10.8347 24.308 12.5522C24.3146 13.0787 24.7489 13.4864 25.2754 13.4864H26.0001C26.5524 13.4864 27.0001 13.0387 27.0001 12.4864V8.01114ZM27.0001 14.0407C27.0001 13.7346 26.752 13.4865 26.4459 13.4865C26.1577 13.4865 25.9176 13.7074 25.8936 13.9946L25.7275 15.9885C25.6965 16.3602 25.9898 16.6789 26.3627 16.6789C26.7147 16.6789 27.0001 16.3935 27.0001 16.0415V14.0407Z" fill="white"/>
</g>
<g filter="url(#filter3_d)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.3986 7.55912C21.3986 7.24432 21.1434 6.98914 20.8286 6.98914C20.5138 6.98914 20.2586 7.24432 20.2586 7.55912V9.55405C20.2586 9.71145 20.131 9.83904 19.9736 9.83904C19.8162 9.83904 19.6886 9.71145 19.6886 9.55405V7.55915C19.6886 7.24434 19.4334 6.98914 19.1186 6.98914C18.8038 6.98914 18.5486 7.24434 18.5486 7.55915V9.94522C18.5486 10.0626 18.5688 10.1753 18.606 10.2799C18.7092 10.6679 18.9455 11.0017 19.263 11.2294C19.7225 11.559 20.2067 12.0169 20.1784 12.5817L20.0163 15.825C19.993 16.2896 20.3634 16.6789 20.8286 16.6789C21.2937 16.6789 21.6641 16.2895 21.6408 15.825L21.4787 12.5817C21.4504 12.0169 21.9347 11.559 22.3941 11.2294C22.7117 11.0017 22.948 10.6678 23.0512 10.2797C23.0883 10.1751 23.1085 10.0625 23.1085 9.94522V9.84537L23.1085 9.83906C23.1085 9.83905 23.1085 9.83905 23.1085 9.83904C23.1085 9.83904 23.1085 9.83903 23.1085 9.83903V7.55911C23.1085 7.24432 22.8533 6.98914 22.5385 6.98914C22.2237 6.98914 21.9685 7.24432 21.9685 7.55911V9.55405C21.9685 9.71145 21.8409 9.83904 21.6835 9.83904C21.5261 9.83904 21.3986 9.71145 21.3986 9.55405V7.55912Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d" x="2.99988" y="10.162" width="10.7229" height="3.41835" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_d" x="3.46094" y="11.1871" width="9.80092" height="7.31881" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter2_d" x="23.3062" y="7.08197" width="4.69398" height="11.5969" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter3_d" x="17.5486" y="6.98914" width="6.55991" height="11.6898" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 6.1 KiB

11
res/static/img/payment_providers/apple_pay.svg Normal file
View File

@@ -0,0 +1,11 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2250_479)">
<rect x="1" y="1" width="62" height="62" rx="13" fill="white" stroke="black" style="fill:white;fill-opacity:1;stroke:black;stroke-opacity:1;" stroke-width="2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.1402 24.3559C18.6502 23.7219 18.9942 22.8699 18.9022 21.9999C18.1602 22.0359 17.2542 22.4899 16.7302 23.1239C16.2582 23.6679 15.8422 24.5559 15.9502 25.3899C16.7842 25.4619 17.6162 24.9719 18.1422 24.3559H18.1402ZM18.8922 25.5539C17.6822 25.4799 16.6522 26.2399 16.0742 26.2399C15.4962 26.2399 14.6122 25.5899 13.6542 25.6079C12.4082 25.6259 11.2522 26.3279 10.6202 27.4499C9.32022 29.6899 10.2762 33.0159 11.5402 34.8419C12.1562 35.7459 12.8962 36.7399 13.8702 36.7039C14.7902 36.6679 15.1542 36.1079 16.2742 36.1079C17.3942 36.1079 17.7182 36.7039 18.6942 36.6879C19.7042 36.6679 20.3382 35.7819 20.9522 34.8779C21.6562 33.8479 21.9442 32.8539 21.9622 32.7999C21.9442 32.7799 20.0122 32.0399 19.9942 29.8179C19.9742 27.9579 21.5122 27.0719 21.5842 27.0179C20.7162 25.7339 19.3622 25.5899 18.8922 25.5539ZM27.9802 30.1939H30.3942C32.2262 30.1939 33.2682 29.2079 33.2682 27.4979C33.2682 25.7879 32.2262 24.8099 30.4022 24.8099H27.9802V30.1939ZM30.9562 23.0339C33.5882 23.0339 35.4202 24.8479 35.4202 27.4879C35.4202 30.1379 33.5502 31.9599 30.8922 31.9599H27.9782V36.5919H25.8742V23.0339H30.9562ZM42.3302 32.9079V32.1479L39.9902 32.2979C38.6742 32.3819 37.9902 32.8699 37.9902 33.7259C37.9902 34.5519 38.7022 35.0879 39.8202 35.0879C41.2482 35.0879 42.3302 34.1759 42.3302 32.9079ZM35.9402 33.7819C35.9402 32.0439 37.2662 31.0479 39.7082 30.8979L42.3282 30.7379V29.9859C42.3282 28.8859 41.6062 28.2859 40.3182 28.2859C39.2582 28.2859 38.4862 28.8299 38.3262 29.6659H36.4282C36.4862 27.9099 38.1382 26.6319 40.3762 26.6319C42.7802 26.6319 44.3502 27.8919 44.3502 29.8459V36.5919H42.4042V34.9659H42.3582C41.8042 36.0259 40.5822 36.6939 39.2582 36.6939C37.3042 36.6939 35.9402 35.5299 35.9402 33.7819ZM46.1402 40.2199V38.5939C46.2722 38.6119 46.5922 38.6299 46.7602 38.6299C47.6902 38.6299 48.2162 38.2359 48.5362 37.2219L48.7242 36.6219L45.1642 26.7559H47.3622L49.8422 34.7599H49.8902L52.3702 26.7559H54.5102L50.8202 37.1179C49.9742 39.4959 49.0062 40.2759 46.9582 40.2759C46.7982 40.2759 46.2822 40.2559 46.1402 40.2179V40.2199Z" fill="#111111" style="fill:#111111;fill:color(display-p3 0.0667 0.0667 0.0667);fill-opacity:1;"/>
</g>
<defs>
<clipPath id="clip0_2250_479">
<rect width="64" height="64" rx="14" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

1
res/static/img/payment_providers/applepay.svg
View File

@@ -1 +0,0 @@
<svg fill="none" height="24" viewBox="0 0 32 24" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m4.12903.5h23.74197c1.9991 0 3.629 1.63976 3.629 3.67391v15.65219c0 2.0341-1.6299 3.6739-3.629 3.6739h-23.74197c-1.99917 0-3.62903-1.6398-3.62903-3.6739v-15.65219c0-2.03415 1.62986-3.67391 3.62903-3.67391z" fill="#fff" stroke="#000"/><path clip-rule="evenodd" d="m8.66996 8.97799c.255-.317.427-.743.381-1.178-.371.018-.824.245-1.086.562-.236.272-.444.716-.39 1.133.417.036.833-.209 1.096-.517zm.376.599c-.605-.037-1.12.343-1.409.343s-.731-.325-1.21-.316c-.623.009-1.201.36-1.517.92101-.65 1.12-.172 2.783.46 3.696.308.452.678.949 1.165.931.46-.018.642-.298 1.202-.298s.722.298 1.21.29c.505-.01.822-.453 1.12904-.905.352-.515.496-1.012.505-1.039-.009-.01-.97504-.38-.98404-1.491-.01-.93.75904-1.373.79504-1.4-.43404-.64201-1.11104-.71401-1.34604-.73201zm4.54404 2.32001h1.207c.916 0 1.437-.493 1.437-1.348 0-.85501-.521-1.34401-1.433-1.34401h-1.211zm1.488-3.58001c1.316 0 2.232.907 2.232 2.22701 0 1.325-.935 2.236-2.264 2.236h-1.457v2.316h-1.052v-6.77901zm5.687 4.93701v-.38l-1.17.075c-.658.042-1 .286-1 .714 0 .413.356.681.915.681.714 0 1.255-.456 1.255-1.09zm-3.195.437c0-.869.663-1.367 1.884-1.442l1.31-.08v-.376c0-.55-.361-.85-1.005-.85-.53 0-.916.272-.996.69h-.949c.029-.878.855-1.517 1.974-1.517 1.202 0 1.987.63 1.987 1.607v3.373h-.973v-.813h-.023c-.277.53-.888.864-1.55.864-.977 0-1.659-.582-1.659-1.456zm5.1 3.219v-.813c.066.009.226.018.31.018.465 0 .728-.197.888-.704l.094-.3-1.78-4.933h1.099l1.24 4.002h.024l1.24-4.002h1.07l-1.845 5.181c-.423 1.189-.907 1.579-1.931 1.579-.08 0-.338-.01-.409-.029z" fill="#111" fill-rule="evenodd"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

11
res/static/img/payment_providers/bancomat.svg Normal file
View File

@@ -0,0 +1,11 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3503_62)">
<rect width="64" height="64" rx="14" fill="#002D73" style="fill:#002D73;fill:color(display-p3 0.0000 0.1765 0.4510);fill-opacity:1;"/>
<path d="M48.3262 30.3827L33.6057 15.6671C33.1743 15.2397 32.592 15 31.985 15C31.3781 15 30.7957 15.2397 30.3644 15.6671L15.6738 30.3827C15.4603 30.5943 15.2909 30.8462 15.1752 31.1238C15.0596 31.4014 15 31.6992 15 32C15 32.3008 15.0596 32.5986 15.1752 32.8762C15.2909 33.1538 15.4603 33.4057 15.6738 33.6173L30.3744 48.3329C30.8057 48.7603 31.3881 49 31.995 49C32.6019 49 33.1843 48.7603 33.6157 48.3329L48.3262 33.6173C48.5397 33.4057 48.7091 33.1538 48.8248 32.8762C48.9405 32.5986 49 32.3008 49 32C49 31.6992 48.9405 31.4014 48.8248 31.1238C48.7091 30.8462 48.5397 30.5943 48.3262 30.3827ZM38.2931 35.5242C37.9141 38.609 35.6801 40.0966 32.0299 40.0966H24.6398L25.0686 36.6623H32.369C33.3065 36.6623 33.8151 36.0932 33.9348 35.0949C33.9444 34.9919 33.9444 34.8883 33.9348 34.7854H38.3529C38.3529 34.995 38.2931 35.2646 38.2632 35.5242H38.2931ZM41.2851 33.5275H25.3878L25.7667 30.4326H32.8976C33.8949 30.4326 34.2639 29.7038 34.3736 28.8353C34.4833 27.9667 34.3736 27.4176 33.2566 27.4176H26.1357L26.5646 23.8535H33.845C37.9939 23.8535 39.1109 25.6206 38.8317 28.0466C38.7578 28.8953 38.4807 29.7138 38.0238 30.4326H38.4527C38.8489 30.4303 39.2409 30.5133 39.6022 30.676C39.9635 30.8387 40.2856 31.0772 40.5467 31.3755C40.8077 31.6738 41.0017 32.0248 41.1153 32.4047C41.229 32.7846 41.2596 33.1846 41.2053 33.5774L41.2851 33.5275Z" fill="white" style="fill:white;fill-opacity:1;"/>
</g>
<defs>
<clipPath id="clip0_3503_62">
<rect width="64" height="64" rx="14" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

25
res/static/img/payment_providers/bancontact.svg
View File

@@ -1,15 +1,20 @@
<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.096 0.5H27.904C29.8862 0.5 31.5 2.12098 31.5 4.12903V19.871C31.5 21.879 29.8862 23.5 27.904 23.5H4.096C2.11376 23.5 0.5 21.879 0.5 19.871V4.12903C0.5 2.12098 2.11376 0.5 4.096 0.5Z" fill="white" stroke="#E6E6E6"/>
<path d="M9 17C12.6164 17 14.1918 14.411 16 12H4V17H9Z" fill="url(#paint0_linear)"/>
<path d="M23 7C19.3836 7 17.8082 9.58904 16 12H28V7H23Z" fill="url(#paint1_linear)"/>
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2250_374)">
<path d="M14 0.5H50C57.4558 0.5 63.5 6.54416 63.5 14V50C63.5 57.4558 57.4558 63.5 50 63.5H14C6.54416 63.5 0.5 57.4558 0.5 50V14C0.5 6.54416 6.54416 0.5 14 0.5Z" fill="white" stroke="#EEEEEE" style="fill:white;fill-opacity:1;stroke:#EEEEEE;stroke:color(display-p3 0.9333 0.9333 0.9333);stroke-opacity:1;"/>
<path d="M18 42.0001C25.2328 42.0001 28.3836 36.822 32 32.0001H8V42.0001H18Z" fill="url(#paint0_linear_2250_374)" style=""/>
<path d="M46.0001 22C38.7672 22 35.6165 27.1781 32.0001 32H56V22H46.0001Z" fill="url(#paint1_linear_2250_374)" style=""/>
</g>
<defs>
<linearGradient id="paint0_linear" x1="6.42722" y1="14.4555" x2="15.2057" y2="11.1949" gradientUnits="userSpaceOnUse">
<stop stop-color="#005AB9"/>
<stop offset="1" stop-color="#1E3764"/>
<linearGradient id="paint0_linear_2250_374" x1="12.8544" y1="36.911" x2="30.4115" y2="30.3898" gradientUnits="userSpaceOnUse">
<stop stop-color="#005AB9" style="stop-color:#005AB9;stop-color:color(display-p3 0.0000 0.3529 0.7255);stop-opacity:1;"/>
<stop offset="1" stop-color="#1E3764" style="stop-color:#1E3764;stop-color:color(display-p3 0.1176 0.2157 0.3922);stop-opacity:1;"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="16.7265" y1="12.2401" x2="26.0475" y2="9.06004" gradientUnits="userSpaceOnUse">
<stop stop-color="#FBA900"/>
<stop offset="1" stop-color="#FFD800"/>
<linearGradient id="paint1_linear_2250_374" x1="33.4531" y1="32.4803" x2="52.0951" y2="26.1201" gradientUnits="userSpaceOnUse">
<stop stop-color="#FBA900" style="stop-color:#FBA900;stop-color:color(display-p3 0.9843 0.6627 0.0000);stop-opacity:1;"/>
<stop offset="1" stop-color="#FFD800" style="stop-color:#FFD800;stop-color:color(display-p3 1.0000 0.8471 0.0000);stop-opacity:1;"/>
</linearGradient>
<clipPath id="clip0_2250_374">
<rect width="64" height="64" rx="14" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 927 B

After

Width:  |  Height:  |  Size: 1.6 KiB

1
res/static/img/payment_providers/banktransfer.svg
View File

@@ -1 +0,0 @@
<svg fill="none" height="24" viewBox="0 0 32 24" width="32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><mask id="a" height="7" maskUnits="userSpaceOnUse" width="6" x="6" y="9"><path d="m0 0v5.34729h4.45531v-5.34729z" fill="#fff" transform="translate(6.70969 9.74527)"/></mask><mask id="b" height="7" maskUnits="userSpaceOnUse" width="6" x="16" y="9"><path d="m4.47353 0h-4.47353v5.37565h4.47353z" fill="#fff" transform="translate(16.7716 9.68002)"/></mask><mask id="c" height="7" maskUnits="userSpaceOnUse" width="7" x="20" y="9"><path d="m0 5.37567h5.33854v-5.37567h-5.33854z" fill="#fff" transform="translate(20.681 9.68002)"/></mask><path d="m4.12903.5h23.74197c1.9991 0 3.629 1.63976 3.629 3.67391v15.65219c0 2.0341-1.6299 3.6739-3.629 3.6739h-23.74197c-1.99917 0-3.62903-1.6398-3.62903-3.6739v-15.65219c0-2.03415 1.62986-3.67391 3.62903-3.67391z" fill="#fff" stroke="#e6e6e6"/><g mask="url(#a)"><path clip-rule="evenodd" d="m4.29492 1.68639h-1.32273c0-.22089-.02545-.36906-.07621-.44452-.07876-.11172-.29596-.16761-.65152-.16761-.34538 0-.57424.03215-.68595.09652-.11164.06457-.16759.20498-.16759.42118 0 .19571.04954.32458.14875.38634.07101.04383.16497.06959.28199.07729l.26674.01917c.57167.03861.92871.06581 1.07112.08133.45214.04637.77983.16865.98325.36698.15996.15463.25539.3568.2859.60645.01775.14935.02666.31839.02666.50615 0 .43272-.04063.74968-.12183.95055-.14728.36854-.47811.60137-.99293.69913-.21566.04128-.54553.06195-.98928.06195-.7408 0-1.25697-.04487-1.548449-.13506-.357744-.11048-.593591-.33424-.7077331-.67128-.0635762-.18763-.0951079-.50009-.0951079-.9375h1.32267c0 .04878.00019.08602.00019.11171 0 .23348.06588.38355.19752.45046.0912.04611.2013.07031.3307.07317h.48631c.24808 0 .40651-.01297.47477-.03893.12164-.04865.20143-.12691.23956-.2353.02025-.06679.03025-.15314.03025-.25879 0-.23667-.08485-.38067-.25443-.43232-.06339-.02042-.35826-.04885-.88469-.08492-.42279-.03071-.71645-.06026-.88083-.08889-.433052-.08237-.721644-.25193-.865652-.50928-.1266393-.21867-.18989502-.54952-.18989502-.99209 0-.33704.03415932-.607302.10260602-.810584.068447-.203283.178744-.357718.330955-.463239.222965-.162131.508225-.2572831.855526-.2857179.28904-.0256304.60961-.0387391.96223-.0387391.55513 0 .95076.0325435 1.1866.0968478.57558.1574352.86328.5982392.86328 1.3225422 0 .05941-.00423.14831-.01275.267z" fill="#0054a5" fill-rule="evenodd" transform="translate(6.70969 9.74527)"/></g><g mask="url(#b)"><path clip-rule="evenodd" d="m1.42175 2.74076h.88635c.28103-.0103.45195-.03235.51348-.06672.08402-.04702.14042-.14119.16849-.28232.01794-.09398.02691-.23374.02691-.41929 0-.22741-.01781-.39593-.05364-.50595-.05114-.15418-.17362-.24809-.36761-.2822-.03833-.00515-.13017-.00789-.27565-.00789h-.89833zm-1.42175 2.63491v-5.37567h2.07219.32525.25142c.36332 0 .64057.0301957.83104.0905217.43567.1389133.72798.4233263.87776.8531743.07723.225584.11587.565234.11587 1.018764 0 .54528-.04287.93717-.12766 1.17574-.1699.47178-.51957.74354-1.04773.81397-.06204.01057-.32628.02003-.79271.02759l-.23598.00802h-.8477v1.38789z" fill="#0054a5" fill-rule="evenodd" transform="translate(16.7716 9.68002)"/></g><g mask="url(#c)"><path clip-rule="evenodd" d="m3.34493 3.39939-.66621-2.33022-.6464 2.33022zm.28231 1.04733h-1.90088l-.25539.92902h-1.47097l1.58716-5.37574h2.14473l1.60665 5.37574h-1.44001z" fill="#0054a5" fill-rule="evenodd" transform="translate(20.681 9.68002)"/></g><path clip-rule="evenodd" d="m3.51335.708457c.58635 0 1.1097.274891 1.45379.705453l.30648-.668671c-.47939-.461022-1.13168-.745239-1.85121-.745239-1.12027 0-2.07866.6885-2.471908 1.66311h-.597629l-.352873.76982h.76881c-.005768.07142-.009549.1429-.009549.21581 0 .08824.00455.17543.013074.26159h-.386328l-.3528088.77008h.9356328c.404469.94996 1.350869 1.61687 2.453579 1.61687.55571 0 1.07137-.16943 1.49833-.45887v-.94376c-.34383.39835-.84674.65009-1.40739.65009-.65543 0-1.23191-.34389-1.56755-.86433h1.9592l.35287-.77008h-2.60034c-.01339-.09268-.02057-.18737-.02057-.28383 0-.06522.00327-.12978.00948-.19357h2.8301l.35281-.76982h-2.93822c.325-.57065.92961-.954653 1.62222-.954653z" fill="#fec10e" fill-rule="evenodd" transform="translate(11.3548 9.65216)"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 4.1 KiB

12
res/static/img/payment_providers/belfius.svg
View File

@@ -1 +1,11 @@
<svg fill="none" height="24" viewBox="0 0 32 24" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m28 0h-24c-2.20914 0-4 1.79086-4 4v16c0 2.2091 1.79086 4 4 4h24c2.2091 0 4-1.7909 4-4v-16c0-2.20914-1.7909-4-4-4z" fill="#d50043"/><path clip-rule="evenodd" d="m0 1.78118c0-.983718.789207-1.78118 1.78118-1.78118h6.93764c.98372 0 1.78118.789207 1.78118 1.78118v8.71882h-8.71882c-.983718 0-1.78118-.78921-1.78118-1.78118zm2.25 1.88111v.17542c0 .37307.29774.66229.66503.66229h4.66994c.37564 0 .66503-.29652.66503-.66229v-.17542c0-.37307-.29774-.66229-.66503-.66229h-4.66994c-.37564 0-.66503.29652-.66503.66229zm0 3v.17542c0 .37307.29774.66229.66503.66229h4.66994c.37564 0 .66503-.29652.66503-.66229v-.17542c0-.37307-.29774-.66229-.66503-.66229h-4.66994c-.37564 0-.66503.29652-.66503.66229z" fill="#fff" fill-rule="evenodd" transform="translate(10.75 6.75)"/></svg>
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2250_379)">
<path d="M50 0H14C6.26801 0 0 6.26801 0 14V50C0 57.732 6.26801 64 14 64H50C57.732 64 64 57.732 64 50V14C64 6.26801 57.732 0 50 0Z" fill="#D50043" style="fill:#D50043;fill:color(display-p3 0.8353 0.0000 0.2627);fill-opacity:1;"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 22.7182C18 20.1124 20.1046 18 22.7182 18H41.2818C43.8876 18 46 20.1046 46 22.7182V46H22.7182C20.1124 46 18 43.8955 18 41.2818V22.7182ZM24 27.7661V28.2339C24 29.1905 24.794 30 25.7734 30H38.2266C39.2066 30 40 29.2093 40 28.2339V27.7661C40 26.8095 39.206 26 38.2266 26H25.7734C24.7934 26 24 26.7907 24 27.7661ZM24 35.7661V36.2339C24 37.1905 24.794 38 25.7734 38H38.2266C39.2066 38 40 37.2093 40 36.2339V35.7661C40 34.8095 39.206 34 38.2266 34H25.7734C24.7934 34 24 34.7907 24 35.7661Z" fill="white" style="fill:white;fill-opacity:1;"/>
</g>
<defs>
<clipPath id="clip0_2250_379">
<rect width="64" height="64" rx="14" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 865 B

After

Width:  |  Height:  |  Size: 1.1 KiB

23
res/static/img/payment_providers/blik.svg Normal file
View File

@@ -0,0 +1,23 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3558_48)">
<rect width="64" height="64" fill="url(#paint0_linear_3558_48)" style=""/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M26 13H20V39C20 46.1797 25.8203 52 33 52C40.1797 52 46 46.1797 46 39C46 31.8203 40.1797 26 33 26C30.4227 26 28.0206 26.75 26 28.0436V13ZM39 39C39 42.3137 36.3137 45 33 45C29.6863 45 27 42.3137 27 39C27 35.6863 29.6863 33 33 33C36.3137 33 39 35.6863 39 39Z" fill="white" style="fill:white;fill-opacity:1;"/>
<rect x="33" y="24" width="12" height="12" rx="6" transform="rotate(-90 33 24)" fill="url(#paint1_linear_3558_48)" style=""/>
</g>
<defs>
<linearGradient id="paint0_linear_3558_48" x1="32" y1="63.552" x2="32" y2="0.256003" gradientUnits="userSpaceOnUse">
<stop stop-color="#5A5A5A" style="stop-color:#5A5A5A;stop-color:color(display-p3 0.3529 0.3529 0.3529);stop-opacity:1;"/>
<stop offset="0.146" stop-color="#484848" style="stop-color:#484848;stop-color:color(display-p3 0.2824 0.2824 0.2824);stop-opacity:1;"/>
<stop offset="0.52" stop-color="#212121" style="stop-color:#212121;stop-color:color(display-p3 0.1294 0.1294 0.1294);stop-opacity:1;"/>
<stop offset="0.817" stop-color="#080808" style="stop-color:#080808;stop-color:color(display-p3 0.0314 0.0314 0.0314);stop-opacity:1;"/>
<stop offset="1" style="stop-color:black;stop-opacity:1;"/>
</linearGradient>
<linearGradient id="paint1_linear_3558_48" x1="34.764" y1="25.752" x2="43.248" y2="34.248" gradientUnits="userSpaceOnUse">
<stop stop-color="#E52F08" style="stop-color:#E52F08;stop-color:color(display-p3 0.8980 0.1843 0.0314);stop-opacity:1;"/>
<stop offset="1" stop-color="#E94F96" style="stop-color:#E94F96;stop-color:color(display-p3 0.9137 0.3098 0.5882);stop-opacity:1;"/>
</linearGradient>
<clipPath id="clip0_3558_48">
<rect width="64" height="64" rx="14" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

62
res/static/img/payment_providers/creditcard.svg
View File

@@ -1 +1,61 @@
<svg fill="none" height="24" viewBox="0 0 32 24" width="32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><filter id="a" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="7" width="9" x="3" y="7"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 255 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" mode="normal" result="shape"/></filter><linearGradient id="b" gradientTransform="matrix(31.99997596 -23.99998197 31.99997596 23.99998197 -16 12)" gradientUnits="userSpaceOnUse" x2="1"><stop offset="0" stop-color="#060b0e"/><stop offset="1" stop-color="#254764"/></linearGradient><linearGradient id="c"><stop offset="0" stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="d" gradientTransform="matrix(-3.17876039 -8.70897134 8.70897134 -3.17876039 13.0557 17.6392)" gradientUnits="userSpaceOnUse" x2="1" xlink:href="#c"/><linearGradient id="e" gradientTransform="matrix(-3.64877962 -14.67591437 14.67591437 -3.64877962 9.16207 34.8244)" gradientUnits="userSpaceOnUse" x2="1" xlink:href="#c"/><linearGradient id="f" gradientTransform="matrix(5.86034935 23.57028621 -23.57028621 5.86034935 32.4248 26.4995)" gradientUnits="userSpaceOnUse" x2="1" xlink:href="#c"/><linearGradient id="g" gradientTransform="matrix(0 5 -7 0 7 0)" gradientUnits="userSpaceOnUse" x2="1"><stop offset="0" stop-color="#fad961"/><stop offset="1" stop-color="#f7955d"/></linearGradient><mask id="h" height="24" maskUnits="userSpaceOnUse" width="32" x="0" y="0"><path d="m28 0h-24c-2.20914 0-4 1.79086-4 4v16c0 2.2091 1.79086 4 4 4h24c2.2091 0 4-1.7909 4-4v-16c0-2.20914-1.7909-4-4-4z" fill="#fff"/></mask><g mask="url(#h)"><path d="m28 0h-24c-2.20914 0-4 1.79086-4 4v16c0 2.2091 1.79086 4 4 4h24c2.2091 0 4-1.7909 4-4v-16c0-2.20914-1.7909-4-4-4z" fill="url(#b)"/><path d="m31.5 63c17.397 0 31.5-14.103 31.5-31.5s-14.103-31.5-31.5-31.5-31.5 14.103-31.5 31.5 14.103 31.5 31.5 31.5z" fill="url(#d)" opacity=".1" transform="translate(6 6)"/><path d="m16.5 33c9.1127 0 16.5-7.3873 16.5-16.5s-7.3873-16.5-16.5-16.5-16.5 7.3873-16.5 16.5 7.3873 16.5 16.5 16.5z" fill="url(#e)" opacity=".1" transform="translate(-10 12)"/><path d="m26.5 53c14.6355 0 26.5-11.8645 26.5-26.5s-11.8645-26.5-26.5-26.5-26.5 11.8645-26.5 26.5 11.8645 26.5 26.5 26.5z" fill="url(#f)" opacity=".1" transform="translate(16 -31)"/><g filter="url(#a)"><path d="m6 0h-5c-.552285 0-1 .447715-1 1v3c0 .55228.447715 1 1 1h5c.55228 0 1-.44772 1-1v-3c0-.552285-.44772-1-1-1z" fill="#000" transform="translate(4 7)"/></g><path d="m6 0h-5c-.552285 0-1 .447715-1 1v3c0 .55228.447715 1 1 1h5c.55228 0 1-.44772 1-1v-3c0-.552285-.44772-1-1-1z" fill="url(#g)" transform="translate(4 7)"/><path d="m1 0h-1v3h1z" fill="#7a3802" opacity=".3" transform="translate(5 8)"/><path d="m1 0h-1v3h1z" fill="#7a3802" opacity=".3" transform="translate(7 8)"/><path d="m1 0h-1v3h1z" fill="#7a3802" opacity=".3" transform="translate(9 8)"/><g fill="#fff" fill-opacity=".8"><path d="m5 0h-5v1h5z" transform="translate(4 15)"/><path d="m3 0h-3v1h3z" transform="translate(4 17)"/><path d="m3 0h-3v1h3z" transform="translate(8 17)"/><path d="m3 0h-3v1h3z" transform="translate(12 17)"/><path d="m5 0h-5v1h5z" transform="translate(10 15)"/><path d="m5 0h-5v1h5z" transform="translate(16 15)"/><path d="m5 0h-5v1h5z" transform="translate(22 15)"/></g></g></svg>
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2250_383)">
<path d="M50 0H14C6.26801 0 0 6.26801 0 14V50C0 57.732 6.26801 64 14 64H50C57.732 64 64 57.732 64 50V14C64 6.26801 57.732 0 50 0Z" fill="url(#paint0_linear_2250_383)" style=""/>
<g clip-path="url(#clip1_2250_383)">
<path opacity="0.1" d="M70.3125 135C102.932 135 129.375 108.557 129.375 75.9375C129.375 43.3182 102.932 16.875 70.3125 16.875C37.6932 16.875 11.25 43.3182 11.25 75.9375C11.25 108.557 37.6932 135 70.3125 135Z" fill="url(#paint1_linear_2250_383)" style=""/>
<path opacity="0.1" d="M12.1875 90C29.2738 90 43.125 76.1488 43.125 59.0625C43.125 41.9762 29.2738 28.125 12.1875 28.125C-4.89881 28.125 -18.75 41.9762 -18.75 59.0625C-18.75 76.1488 -4.89881 90 12.1875 90Z" fill="url(#paint2_linear_2250_383)" style=""/>
<path opacity="0.1" d="M79.6875 46.875C107.129 46.875 129.375 24.6292 129.375 -2.8125C129.375 -30.2541 107.129 -52.5 79.6875 -52.5C52.2459 -52.5 30 -30.2541 30 -2.8125C30 24.6292 52.2459 46.875 79.6875 46.875Z" fill="url(#paint3_linear_2250_383)" style=""/>
<g filter="url(#filter0_d_2250_383)">
<path d="M18.75 26.25H9.375C8.33947 26.25 7.5 27.0895 7.5 28.125V33.75C7.5 34.7855 8.33947 35.625 9.375 35.625H18.75C19.7855 35.625 20.625 34.7855 20.625 33.75V28.125C20.625 27.0895 19.7855 26.25 18.75 26.25Z" fill="black" style="fill:black;fill-opacity:1;"/>
</g>
<path d="M18.75 26.25H9.375C8.33947 26.25 7.5 27.0895 7.5 28.125V33.75C7.5 34.7855 8.33947 35.625 9.375 35.625H18.75C19.7855 35.625 20.625 34.7855 20.625 33.75V28.125C20.625 27.0895 19.7855 26.25 18.75 26.25Z" fill="url(#paint4_linear_2250_383)" style=""/>
<path opacity="0.3" d="M11.25 28.125H9.375V33.75H11.25V28.125Z" fill="#7A3802" style="fill:#7A3802;fill:color(display-p3 0.4784 0.2196 0.0078);fill-opacity:1;"/>
<path opacity="0.3" d="M15 28.125H13.125V33.75H15V28.125Z" fill="#7A3802" style="fill:#7A3802;fill:color(display-p3 0.4784 0.2196 0.0078);fill-opacity:1;"/>
<path opacity="0.3" d="M18.75 28.125H16.875V33.75H18.75V28.125Z" fill="#7A3802" style="fill:#7A3802;fill:color(display-p3 0.4784 0.2196 0.0078);fill-opacity:1;"/>
<path d="M16.875 41.25H7.5V43.125H16.875V41.25Z" fill="white" fill-opacity="0.8" style="fill:white;fill-opacity:0.8;"/>
<path d="M13.125 45H7.5V46.875H13.125V45Z" fill="white" fill-opacity="0.8" style="fill:white;fill-opacity:0.8;"/>
<path d="M20.625 45H15V46.875H20.625V45Z" fill="white" fill-opacity="0.8" style="fill:white;fill-opacity:0.8;"/>
<path d="M28.125 45H22.5V46.875H28.125V45Z" fill="white" fill-opacity="0.8" style="fill:white;fill-opacity:0.8;"/>
<path d="M28.125 41.25H18.75V43.125H28.125V41.25Z" fill="white" fill-opacity="0.8" style="fill:white;fill-opacity:0.8;"/>
<path d="M39.375 41.25H30V43.125H39.375V41.25Z" fill="white" fill-opacity="0.8" style="fill:white;fill-opacity:0.8;"/>
<path d="M50.625 41.25H41.25V43.125H50.625V41.25Z" fill="white" fill-opacity="0.8" style="fill:white;fill-opacity:0.8;"/>
</g>
</g>
<defs>
<filter id="filter0_d_2250_383" x="6.25" y="26.25" width="15.625" height="11.875" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1.25"/>
<feGaussianBlur stdDeviation="0.625"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2250_383"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2250_383" result="shape"/>
</filter>
<linearGradient id="paint0_linear_2250_383" x1="0" y1="64" x2="64" y2="0" gradientUnits="userSpaceOnUse">
<stop stop-color="#060B0E" style="stop-color:#060B0E;stop-color:color(display-p3 0.0235 0.0431 0.0549);stop-opacity:1;"/>
<stop offset="1" stop-color="#254764" style="stop-color:#254764;stop-color:color(display-p3 0.1451 0.2784 0.3922);stop-opacity:1;"/>
</linearGradient>
<linearGradient id="paint1_linear_2250_383" x1="43.8938" y1="46.9685" x2="37.9344" y2="30.6389" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0" style="stop-color:none;stop-opacity:0;"/>
<stop offset="1" stop-color="white" style="stop-color:white;stop-opacity:1;"/>
</linearGradient>
<linearGradient id="paint2_linear_2250_383" x1="12.1875" y1="90" x2="5.34598" y2="62.483" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0" style="stop-color:none;stop-opacity:0;"/>
<stop offset="1" stop-color="white" style="stop-color:white;stop-opacity:1;"/>
</linearGradient>
<linearGradient id="paint3_linear_2250_383" x1="68.6996" y1="2.68095" x2="79.6875" y2="46.875" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0" style="stop-color:none;stop-opacity:0;"/>
<stop offset="1" stop-color="white" style="stop-color:white;stop-opacity:1;"/>
</linearGradient>
<linearGradient id="paint4_linear_2250_383" x1="14.0625" y1="26.25" x2="14.0625" y2="35.625" gradientUnits="userSpaceOnUse">
<stop stop-color="#FAD961" style="stop-color:#FAD961;stop-color:color(display-p3 0.9804 0.8510 0.3804);stop-opacity:1;"/>
<stop offset="1" stop-color="#F7955D" style="stop-color:#F7955D;stop-color:color(display-p3 0.9686 0.5843 0.3647);stop-opacity:1;"/>
</linearGradient>
<clipPath id="clip0_2250_383">
<rect width="64" height="64" rx="14" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
<clipPath id="clip1_2250_383">
<rect width="64" height="64" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB

1
res/static/img/payment_providers/directdebit.svg
View File

@@ -1 +0,0 @@
<svg fill="none" height="24" viewBox="0 0 32 24" width="32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><mask id="a" height="7" maskUnits="userSpaceOnUse" width="6" x="6" y="9"><path d="m0 0v5.34729h4.45531v-5.34729z" fill="#fff" transform="translate(6.70969 9.74527)"/></mask><mask id="b" height="7" maskUnits="userSpaceOnUse" width="6" x="16" y="9"><path d="m4.47353 0h-4.47353v5.37565h4.47353z" fill="#fff" transform="translate(16.7716 9.68002)"/></mask><mask id="c" height="7" maskUnits="userSpaceOnUse" width="7" x="20" y="9"><path d="m0 5.37567h5.33854v-5.37567h-5.33854z" fill="#fff" transform="translate(20.681 9.68002)"/></mask><path d="m4.12903.5h23.74197c1.9991 0 3.629 1.63976 3.629 3.67391v15.65219c0 2.0341-1.6299 3.6739-3.629 3.6739h-23.74197c-1.99917 0-3.62903-1.6398-3.62903-3.6739v-15.65219c0-2.03415 1.62986-3.67391 3.62903-3.67391z" fill="#fff" stroke="#e6e6e6"/><g mask="url(#a)"><path clip-rule="evenodd" d="m4.29492 1.68639h-1.32273c0-.22089-.02545-.36906-.07621-.44452-.07876-.11172-.29596-.16761-.65152-.16761-.34538 0-.57424.03215-.68595.09652-.11164.06457-.16759.20498-.16759.42118 0 .19571.04954.32458.14875.38634.07101.04383.16497.06959.28199.07729l.26674.01917c.57167.03861.92871.06581 1.07112.08133.45214.04637.77983.16865.98325.36698.15996.15463.25539.3568.2859.60645.01775.14935.02666.31839.02666.50615 0 .43272-.04063.74968-.12183.95055-.14728.36854-.47811.60137-.99293.69913-.21566.04128-.54553.06195-.98928.06195-.7408 0-1.25697-.04487-1.548449-.13506-.357744-.11048-.593591-.33424-.7077331-.67128-.0635762-.18763-.0951079-.50009-.0951079-.9375h1.32267c0 .04878.00019.08602.00019.11171 0 .23348.06588.38355.19752.45046.0912.04611.2013.07031.3307.07317h.48631c.24808 0 .40651-.01297.47477-.03893.12164-.04865.20143-.12691.23956-.2353.02025-.06679.03025-.15314.03025-.25879 0-.23667-.08485-.38067-.25443-.43232-.06339-.02042-.35826-.04885-.88469-.08492-.42279-.03071-.71645-.06026-.88083-.08889-.433052-.08237-.721644-.25193-.865652-.50928-.1266393-.21867-.18989502-.54952-.18989502-.99209 0-.33704.03415932-.607302.10260602-.810584.068447-.203283.178744-.357718.330955-.463239.222965-.162131.508225-.2572831.855526-.2857179.28904-.0256304.60961-.0387391.96223-.0387391.55513 0 .95076.0325435 1.1866.0968478.57558.1574352.86328.5982392.86328 1.3225422 0 .05941-.00423.14831-.01275.267z" fill="#0054a5" fill-rule="evenodd" transform="translate(6.70969 9.74527)"/></g><g mask="url(#b)"><path clip-rule="evenodd" d="m1.42175 2.74076h.88635c.28103-.0103.45195-.03235.51348-.06672.08402-.04702.14042-.14119.16849-.28232.01794-.09398.02691-.23374.02691-.41929 0-.22741-.01781-.39593-.05364-.50595-.05114-.15418-.17362-.24809-.36761-.2822-.03833-.00515-.13017-.00789-.27565-.00789h-.89833zm-1.42175 2.63491v-5.37567h2.07219.32525.25142c.36332 0 .64057.0301957.83104.0905217.43567.1389133.72798.4233263.87776.8531743.07723.225584.11587.565234.11587 1.018764 0 .54528-.04287.93717-.12766 1.17574-.1699.47178-.51957.74354-1.04773.81397-.06204.01057-.32628.02003-.79271.02759l-.23598.00802h-.8477v1.38789z" fill="#0054a5" fill-rule="evenodd" transform="translate(16.7716 9.68002)"/></g><g mask="url(#c)"><path clip-rule="evenodd" d="m3.34493 3.39939-.66621-2.33022-.6464 2.33022zm.28231 1.04733h-1.90088l-.25539.92902h-1.47097l1.58716-5.37574h2.14473l1.60665 5.37574h-1.44001z" fill="#0054a5" fill-rule="evenodd" transform="translate(20.681 9.68002)"/></g><path clip-rule="evenodd" d="m3.51335.708457c.58635 0 1.1097.274891 1.45379.705453l.30648-.668671c-.47939-.461022-1.13168-.745239-1.85121-.745239-1.12027 0-2.07866.6885-2.471908 1.66311h-.597629l-.352873.76982h.76881c-.005768.07142-.009549.1429-.009549.21581 0 .08824.00455.17543.013074.26159h-.386328l-.3528088.77008h.9356328c.404469.94996 1.350869 1.61687 2.453579 1.61687.55571 0 1.07137-.16943 1.49833-.45887v-.94376c-.34383.39835-.84674.65009-1.40739.65009-.65543 0-1.23191-.34389-1.56755-.86433h1.9592l.35287-.77008h-2.60034c-.01339-.09268-.02057-.18737-.02057-.28383 0-.06522.00327-.12978.00948-.19357h2.8301l.35281-.76982h-2.93822c.325-.57065.92961-.954653 1.62222-.954653z" fill="#fec10e" fill-rule="evenodd" transform="translate(11.3548 9.65216)"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 4.1 KiB

12
res/static/img/payment_providers/eps.svg
View File

@@ -1 +1,11 @@
<svg fill="none" height="24" viewBox="0 0 32 24" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m28 0h-24c-2.20914 0-4 1.79086-4 4v16c0 2.2091 1.79086 4 4 4h24c2.2091 0 4-1.7909 4-4v-16c0-2.20914-1.7909-4-4-4z" fill="#de378c"/><g clip-rule="evenodd" fill="#fff" fill-rule="evenodd"><path d="m1.19848 5.42947s-.1052-.50537-.1052-.83809c0-.33276.09958-.84329.09958-.84329.36659-1.52463 1.70996-2.65993 3.30718-2.65993 1.87848 0 3.41996 1.56711 3.41996 3.49487v.8478h-4.99086c.29473.59111.89078.92361 1.57817.92361h4.48653l.00616-4.99928c0-.745355-.59422-1.35516-1.32052-1.35516h-6.35896c-.726268 0-1.32052.591333-1.32052 1.33669v6.52579c0 .74535.594252 1.37363 1.32052 1.37363h6.35896c.65182 0 1.19553-.48028 1.30054-1.10833h-4.47271c-1.59984 0-2.94487-1.16992-3.30883-2.69831z" transform="translate(11.5 9.51389)"/><path d="m1.54282 0c-.670254 0-1.253151.4613-1.54282 1.05556h3.08571c-.28966-.59426-.87256-1.05556-1.54289-1.05556z" transform="translate(14.3286 12.1528)"/><path d="m5.65714 2.92875c0-1.61751-1.26673-2.92875-2.82928-2.92875-1.53668 0-2.7864716 1.26836-2.82751976 2.8488-.00067176.00668-.0001415.01317-.0001415.02003v.88014c0 .10528.08078826.20936.18247226.20936h1.040909c.10169 0 .19085-.10408.19085-.20936v-.82022c0-.80772.63394-1.46488 1.41424-1.46488.78031 0 1.41424.65716 1.41424 1.46488v.82022c0 .10528.08248.20936.18417.20936h1.04094c.10169 0 .18912-.10408.18912-.20936z" transform="translate(13.0428 4.5)"/></g></svg>
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2250_408)">
<path d="M50 0H14C6.26801 0 0 6.26801 0 14V50C0 57.732 6.26801 64 14 64H50C57.732 64 64 57.732 64 50V14C64 6.26801 57.732 0 50 0Z" fill="#DE378C" style="fill:#DE378C;fill:color(display-p3 0.8706 0.2157 0.5490);fill-opacity:1;"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5429 35.2222C28.3153 33.6375 29.8697 32.4074 31.6571 32.4074C33.4446 32.4074 34.999 33.6375 35.7715 35.2222H27.5429ZM31.6553 12C35.8221 12 39.2 15.4966 39.2 19.81V21.9973C39.2 22.278 38.9669 22.5556 38.6957 22.5556H35.9199C35.6487 22.5556 35.4287 22.278 35.4287 21.9973V19.81C35.4287 17.6561 33.7383 15.9037 31.6574 15.9037C29.5766 15.9037 27.8861 17.6561 27.8861 19.81V21.9973C27.8861 22.278 27.6484 22.5556 27.3772 22.5556H24.6014C24.3303 22.5556 24.1149 22.278 24.1149 21.9973V19.6502C24.1149 19.6446 24.1147 19.639 24.1146 19.6335C24.1143 19.6212 24.114 19.6091 24.1152 19.5968C24.2247 15.3823 27.5575 12 31.6553 12ZM23.1959 39.849C24.1665 43.9247 27.7532 47.0445 32.0195 47.0445H43.9467C43.6667 48.7193 42.2168 50 40.4786 50H23.5214C21.5847 50 20 48.3246 20 46.337V28.9349C20 26.9473 21.5847 25.3704 23.5214 25.3704H40.4786C42.4154 25.3704 44 26.9965 44 28.9841L43.9836 42.3156H32.0195C30.1865 42.3156 28.597 41.4289 27.811 39.8526H41.12V37.5918C41.12 32.4511 37.0094 28.2721 32.0001 28.2721C27.7409 28.2721 24.1585 31.2996 23.181 35.3653C23.181 35.3653 22.9154 36.7267 22.9154 37.6141C22.9154 38.5013 23.1959 39.849 23.1959 39.849Z" fill="white" style="fill:white;fill-opacity:1;"/>
</g>
<defs>
<clipPath id="clip0_2250_408">
<rect width="64" height="64" rx="14" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

1
res/static/img/payment_providers/giftcard.svg
View File

@@ -1 +0,0 @@
<svg fill="none" height="24" viewBox="0 0 32 24" width="32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><filter id="a" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="9.23511" width="7.25" x="9.5" y="8.76489"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 255 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" mode="normal" result="shape"/></filter><filter id="b" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="11.0331" width="8.46154" x="11.6201" y="5"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 255 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" mode="normal" result="shape"/></filter><filter id="c" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="11.0331" width="8.46154" x="5.46155" y="5"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 255 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" mode="normal" result="shape"/></filter><filter id="d" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="9.21632" width="8.46154" x="8.69238" y="6.81046"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 255 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" mode="normal" result="shape"/></filter><linearGradient id="e" gradientTransform="matrix(32 24 -32 42.6667 16 -21.3333)" gradientUnits="userSpaceOnUse" x2="1"><stop offset="0" stop-color="#00b2ff"/><stop offset=".806094" stop-color="#007eff"/><stop offset="1" stop-color="#0072ff"/></linearGradient><path d="m28 0h-24c-2.20914 0-4 1.79086-4 4v16c0 2.2091 1.79086 4 4 4h24c2.2091 0 4-1.7909 4-4v-16c0-2.20914-1.7909-4-4-4z" fill="url(#e)"/><path d="m32 0h-32v3h32z" fill="#fff" transform="translate(0 8)"/><g filter="url(#a)"><path d="m0 .0187923 5.25-.0187923v7.23511l-2.625-1.97321-2.625 1.97321z" fill="#fff" transform="translate(10.5 8.76489)"/></g><g filter="url(#b)"><path d="m.467432 2.59818 4.846158-2.5140137c.40456-.2098723.88486-.0137359 1.07278.4380827.04952.119052.07517.248739.07517.380007v7.228834c0 .49818-.36162.90204-.80769.90204-.11754 0-.23366-.02865-.34026-.08395l-4.846158-2.51401c-.285074-.14789-.467432-.46705-.467432-.81809v-2.20081c0-.35105.182358-.67021.467432-.81809z" fill="#fff" transform="translate(12.6201 5)"/></g><g filter="url(#c)"><path d="m.467432 2.59818 4.846158-2.5140137c.40456-.2098723.88486-.0137359 1.07278.4380827.04951.119052.07517.248739.07517.380007v7.228834c0 .49818-.36162.90204-.80769.90204-.11754 0-.23366-.02865-.34026-.08395l-4.846158-2.51401c-.285074-.14789-.467432-.46705-.467432-.81809v-2.20081c0-.35105.182358-.67021.467432-.81809z" fill="#fff" transform="matrix(-1 0 0 1 12.9231 5)"/></g><g filter="url(#d)"><path d="m3.23077 7.21632c1.7843 0 3.23077-1.61543 3.23077-3.60816s-1.44647-3.60816-3.23077-3.60816c-1.78431 0-3.23077 1.61543-3.23077 3.60816s1.44646 3.60816 3.23077 3.60816z" fill="#fff" transform="translate(9.69238 6.81046)"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 4.1 KiB

1
res/static/img/payment_providers/giropay.svg
View File

@@ -1 +0,0 @@
<svg fill="none" height="24" viewBox="0 0 32 24" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m28 0h-24c-2.20914 0-4 1.79086-4 4v16c0 2.2091 1.79086 4 4 4h24c2.2091 0 4-1.7909 4-4v-16c0-2.20914-1.7909-4-4-4z" fill="#0f4ca1"/><g clip-rule="evenodd" fill="#fffffe" fill-rule="evenodd"><path d="m0 9.75h2.25v-3.71323c.43608.81356 1.3912 1.11493 2.19875 1.11493 1.98724 0 3.05125-1.67966 3.05125-3.70071 0-1.65306-1.01206-3.45099-2.85852-3.45099-1.05135 0-1.93008.43305-2.39148 1.39104v-1.39104h-2.25zm5.11575-6.24625c0 1.08944-.52578 1.83705-1.39707 1.83705-.76958 0-1.41126-.74761-1.41126-1.74539 0-1.02327.56464-1.78451 1.41126-1.78451.89704 0 1.39707.78695 1.39707 1.69285z" transform="translate(16.75 7.5)"/><path d="m7.5.154884h-2.11918v1.213556h-.02545c-.49411-.826125-1.30023-1.36844-2.30085-1.36844-2.105459 0-3.05452 1.49758-3.05452 3.49941 0 1.98952 1.15684 3.38303 3.0158 3.38303.93578 0 1.71557-.36059 2.27407-1.14931h.02634v.36235c0 1.31718-.72757 1.94969-2.07957 1.94969-.97496 0-1.57285-.20636-2.287579-.55507l-.117277 1.83397c.546116.19294 1.469066.42593 2.586746.42593 2.72968 0 4.08147-.89146 4.08147-3.65452zm-5.08232 3.305586c0-.91654.45495-1.67842 1.3259-1.67842 1.05262 0 1.49474.83866 1.49474 1.588 0 1.03359-.66317 1.73079-1.49474 1.73079-.70189 0-1.3259-.59468-1.3259-1.64037z" transform="translate(7.75 7.5)"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.3 KiB

17
res/static/img/payment_providers/google_pay.svg Normal file
View File

@@ -0,0 +1,17 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2250_495)">
<rect x="0.5" y="0.5" width="63" height="63" rx="13.5" fill="white" stroke="#EEEEEE" style="fill:white;fill-opacity:1;stroke:#EEEEEE;stroke:color(display-p3 0.9333 0.9333 0.9333);stroke-opacity:1;"/>
<path d="M30.6691 31.6327V36.2599H29.2007V24.8335H33.0936C34.0802 24.8335 34.9215 25.1624 35.6099 25.8201C36.3135 26.4779 36.6653 27.2809 36.6653 28.2293C36.6653 29.2006 36.3135 30.0037 35.6099 30.6538C34.9292 31.3039 34.0879 31.6251 33.0936 31.6251H30.6691V31.6327ZM30.6691 26.2408V30.2255H33.1242C33.7055 30.2255 34.1949 30.0266 34.5774 29.6366C34.9674 29.2465 35.1663 28.7723 35.1663 28.2369C35.1663 27.7092 34.9674 27.2427 34.5774 26.8526C34.1949 26.4473 33.7131 26.2484 33.1242 26.2484H30.6691V26.2408Z" fill="#3C4043" style="fill:#3C4043;fill:color(display-p3 0.2353 0.2510 0.2627);fill-opacity:1;"/>
<path d="M40.5047 28.1835C41.5908 28.1835 42.4474 28.4742 43.0745 29.0554C43.7017 29.6367 44.0152 30.4321 44.0152 31.4417V36.26H42.6156V35.174H42.5544C41.9502 36.0688 41.1395 36.5124 40.13 36.5124C39.2657 36.5124 38.5468 36.26 37.9655 35.7476C37.3843 35.2352 37.0936 34.6004 37.0936 33.8355C37.0936 33.0248 37.3996 32.3824 38.0114 31.9082C38.6233 31.4264 39.4416 31.1893 40.4588 31.1893C41.3307 31.1893 42.0497 31.3499 42.608 31.6711V31.3346C42.608 30.8222 42.4091 30.3939 42.0038 30.0344C41.5984 29.6749 41.1242 29.499 40.5812 29.499C39.7628 29.499 39.1127 29.8432 38.6386 30.5392L37.346 29.7285C38.0573 28.696 39.1128 28.1835 40.5047 28.1835ZM38.608 33.8585C38.608 34.2409 38.7686 34.5621 39.0975 34.8145C39.4187 35.0669 39.8011 35.1969 40.237 35.1969C40.8565 35.1969 41.4072 34.9675 41.889 34.5086C42.3709 34.0497 42.6156 33.5143 42.6156 32.8948C42.1567 32.5353 41.5219 32.3518 40.7036 32.3518C40.107 32.3518 39.6099 32.4971 39.2122 32.7801C38.8068 33.0784 38.608 33.4378 38.608 33.8585Z" fill="#3C4043" style="fill:#3C4043;fill:color(display-p3 0.2353 0.2510 0.2627);fill-opacity:1;"/>
<path d="M51.9999 28.436L47.1051 39.6941H45.5907L47.411 35.7553L44.1835 28.436H45.7819L48.107 34.0497H48.1376L50.4014 28.436H51.9999Z" fill="#3C4043" style="fill:#3C4043;fill:color(display-p3 0.2353 0.2510 0.2627);fill-opacity:1;"/>
<path d="M24.8283 30.6999C24.8283 30.2211 24.7855 29.763 24.7059 29.3224H18.5507V31.8463L22.0956 31.8471C21.9518 32.6869 21.4891 33.4028 20.7801 33.88V35.5175H22.8902C24.1224 34.3771 24.8283 32.6915 24.8283 30.6999Z" fill="#4285F4" style="fill:#4285F4;fill:color(display-p3 0.2588 0.5216 0.9569);fill-opacity:1;"/>
<path d="M20.7809 33.8799C20.1935 34.2761 19.4371 34.5078 18.5522 34.5078C16.8429 34.5078 15.3928 33.356 14.8734 31.8034H12.6968V33.4921C13.7752 35.6321 15.9916 37.1005 18.5522 37.1005C20.322 37.1005 21.8088 36.5185 22.891 35.5166L20.7809 33.8799Z" fill="#34A853" style="fill:#34A853;fill:color(display-p3 0.2039 0.6588 0.3255);fill-opacity:1;"/>
<path d="M14.6685 30.5507C14.6685 30.1147 14.7411 29.6933 14.8734 29.2971V27.6084H12.6967C12.2509 28.4933 12 29.4921 12 30.5507C12 31.6092 12.2516 32.608 12.6967 33.4929L14.8734 31.8042C14.7411 31.408 14.6685 30.9866 14.6685 30.5507Z" fill="#FABB05" style="fill:#FABB05;fill:color(display-p3 0.9804 0.7333 0.0196);fill-opacity:1;"/>
<path d="M18.5522 26.5927C19.5182 26.5927 20.3832 26.9254 21.0662 27.5755L22.9362 25.7071C21.8004 24.6493 20.3197 24 18.5522 24C15.9924 24 13.7752 25.4685 12.6968 27.6084L14.8734 29.2971C15.3928 27.7446 16.8429 26.5927 18.5522 26.5927Z" fill="#E94235" style="fill:#E94235;fill:color(display-p3 0.9137 0.2588 0.2078);fill-opacity:1;"/>
</g>
<defs>
<clipPath id="clip0_2250_495">
<rect width="64" height="64" rx="14" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

29
res/static/img/payment_providers/ideal.svg
View File

@@ -1,12 +1,19 @@
<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M27.871 0H4.12903C1.84863 0 0 1.86872 0 4.17391V19.8261C0 22.1313 1.84863 24 4.12903 24H27.871C30.1514 24 32 22.1313 32 19.8261V4.17391C32 1.86872 30.1514 0 27.871 0Z" fill="#E664A5"/>
<path d="M8.5 6.3871V17.6452C8.5 18.1936 8.95161 18.6129 9.46774 18.6129H16.2097C21.3065 18.6129 23.5 15.7742 23.5 12C23.5 8.22581 21.3065 5.3871 16.2097 5.3871H9.5C8.95161 5.41936 8.5 5.87097 8.5 6.3871Z" fill="white"/>
<path d="M13.0162 8.19354V16.5161H16.6291C19.9195 16.5161 21.3388 14.6452 21.3388 12.0323C21.3388 9.51612 19.9195 7.58064 16.6291 7.58064H13.6291C13.3066 7.54838 13.0162 7.8387 13.0162 8.19354Z" fill="#CC0066"/>
<path d="M16.2097 17.7419H10.371C9.8549 17.7419 9.43555 17.3226 9.43555 16.8065V7.25807C9.43555 6.74194 9.8549 6.32259 10.371 6.32259H16.2097C21.7581 6.32259 22.5968 9.90323 22.5968 12.0323C22.5968 15.7097 20.3388 17.7419 16.2097 17.7419ZM10.371 6.64517C10.0162 6.64517 9.75813 6.93549 9.75813 7.25807V16.8065C9.75813 17.1613 10.0485 17.4194 10.371 17.4194H16.2097C20.113 17.4194 22.2743 15.4839 22.2743 12C22.2743 7.32259 18.4678 6.61291 16.2097 6.61291L10.371 6.64517Z" fill="black"/>
<path d="M14.3065 10.9032C14.4355 10.9032 14.5646 10.9355 14.6614 10.9677C14.7581 11 14.8549 11.0645 14.9517 11.1613C15.0162 11.2581 15.0807 11.3548 15.1452 11.4516C15.1775 11.5806 15.2097 11.7097 15.2097 11.871C15.2097 12.0323 15.1775 12.1613 15.1452 12.2581C15.113 12.3871 15.0484 12.4839 14.9839 12.5806C14.9194 12.6774 14.8226 12.7419 14.6936 12.8065C14.5968 12.871 14.4355 12.871 14.3065 12.871H13.4355V10.871L14.3065 10.9032ZM14.2743 12.5161C14.3388 12.5161 14.4033 12.5161 14.4678 12.4839C14.5323 12.4516 14.5646 12.4194 14.6291 12.3871C14.6614 12.3226 14.7259 12.2903 14.7259 12.1936C14.7581 12.129 14.7581 12.0323 14.7581 11.9032C14.7581 11.8065 14.7581 11.7097 14.7259 11.6452C14.6936 11.5806 14.6614 11.4839 14.6291 11.4516C14.5968 11.3871 14.5323 11.3548 14.4678 11.3226C14.4033 11.2903 14.3065 11.2903 14.2097 11.2903H13.8872V12.5484L14.2743 12.5161Z" fill="white"/>
<path d="M16.9839 10.9032V11.2581H15.9194V11.7097H16.8871V12.0323H15.9194V12.5161H16.9839V12.871H15.4678V10.871L16.9839 10.9032Z" fill="white"/>
<path d="M18.4677 10.9032L19.2097 12.9032H18.7581L18.5968 12.4516H17.8548L17.6936 12.9032H17.2419L17.9839 10.9032C18.0161 10.9032 18.4677 10.9032 18.4677 10.9032ZM18.5 12.1291L18.2419 11.3871L17.9839 12.1291H18.5Z" fill="white"/>
<path d="M19.9193 10.9032V12.5161H20.887V12.871H19.4677V10.871C19.4999 10.9032 19.9193 10.9032 19.9193 10.9032Z" fill="white"/>
<path d="M11.371 12.8065C11.8698 12.8065 12.2742 12.4021 12.2742 11.9032C12.2742 11.4044 11.8698 11 11.371 11C10.8722 11 10.4678 11.4044 10.4678 11.9032C10.4678 12.4021 10.8722 12.8065 11.371 12.8065Z" fill="black"/>
<path d="M12.0807 16.5162C11.3065 16.5162 10.6936 15.9032 10.6936 15.1291V14.0323C10.6936 13.6452 11.0162 13.3226 11.4033 13.3226C11.7904 13.3226 12.113 13.6452 12.113 14.0323L12.0807 16.5162Z" fill="black"/>
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2250_446)">
<path d="M50 0H14C6.26801 0 0 6.26801 0 14V50C0 57.732 6.26801 64 14 64H50C57.732 64 64 57.732 64 50V14C64 6.26801 57.732 0 50 0Z" fill="#E664A5" style="fill:#E664A5;fill:color(display-p3 0.9020 0.3922 0.6471);fill-opacity:1;"/>
<path d="M12 16.6667V46.6882C12 48.1505 13.2043 49.2688 14.5806 49.2688H32.5591C46.1505 49.2688 52 41.6989 52 31.6344C52 21.5699 46.1505 14 32.5591 14H14.6667C13.2043 14.086 12 15.2903 12 16.6667Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path d="M24.0432 21.4838V43.6774H33.6776C42.4518 43.6774 46.2367 38.6881 46.2367 31.7204C46.2367 25.0107 42.4518 19.8494 33.6776 19.8494H25.6776C24.8173 19.7634 24.0432 20.5376 24.0432 21.4838Z" fill="#CC0066" style="fill:#CC0066;fill:color(display-p3 0.8000 0.0000 0.4000);fill-opacity:1;"/>
<path d="M32.5591 46.9462H16.9893C15.6129 46.9462 14.4946 45.828 14.4946 44.4516V18.9893C14.4946 17.6129 15.6129 16.4946 16.9893 16.4946H32.5591C47.3548 16.4946 49.5914 26.043 49.5914 31.7204C49.5914 41.5269 43.5699 46.9462 32.5591 46.9462ZM16.9893 17.3548C16.043 17.3548 15.3548 18.129 15.3548 18.9893V44.4516C15.3548 45.3979 16.129 46.086 16.9893 46.086H32.5591C42.9678 46.086 48.7312 40.9247 48.7312 31.6344C48.7312 19.1613 38.5807 17.2688 32.5591 17.2688L16.9893 17.3548Z" fill="black" style="fill:black;fill-opacity:1;"/>
<path d="M27.4838 28.7097C27.8279 28.7097 28.172 28.7957 28.4301 28.8817C28.6881 28.9677 28.9462 29.1398 29.2043 29.3978C29.3763 29.6559 29.5484 29.914 29.7204 30.172C29.8064 30.5161 29.8924 30.8602 29.8924 31.2903C29.8924 31.7204 29.8064 32.0645 29.7204 32.3226C29.6344 32.6667 29.4623 32.9247 29.2903 33.1828C29.1182 33.4409 28.8602 33.6129 28.5161 33.7849C28.258 33.957 27.8279 33.957 27.4838 33.957H25.1613V28.6237L27.4838 28.7097ZM27.3978 33.0108C27.5699 33.0108 27.7419 33.0108 27.9139 32.9247C28.086 32.8387 28.172 32.7527 28.3441 32.6667C28.4301 32.4946 28.6021 32.4086 28.6021 32.1505C28.6881 31.9785 28.6881 31.7204 28.6881 31.3763C28.6881 31.1183 28.6881 30.8602 28.6021 30.6882C28.5161 30.5161 28.4301 30.2581 28.3441 30.172C28.258 30 28.086 29.914 27.9139 29.828C27.7419 29.7419 27.4838 29.7419 27.2258 29.7419H26.3656V33.0968L27.3978 33.0108Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path d="M34.6238 28.7097V29.6559H31.7851V30.8602H34.3657V31.7204H31.7851V33.0108H34.6238V33.957H30.5807V28.6237L34.6238 28.7097Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path d="M38.5808 28.7097L40.5593 34.0431H39.355L38.9249 32.8387H36.9464L36.5163 34.0431H35.312L37.2904 28.7097C37.3765 28.7097 38.5808 28.7097 38.5808 28.7097ZM38.6668 31.9785L37.9786 30L37.2904 31.9785H38.6668Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path d="M42.4514 28.7097V33.0108H45.032V33.957H41.2471V28.6237C41.3331 28.7097 42.4514 28.7097 42.4514 28.7097Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path d="M19.6559 33.7849C20.9862 33.7849 22.0645 32.7065 22.0645 31.3763C22.0645 30.0461 20.9862 28.9677 19.6559 28.9677C18.3257 28.9677 17.2473 30.0461 17.2473 31.3763C17.2473 32.7065 18.3257 33.7849 19.6559 33.7849Z" fill="black" style="fill:black;fill-opacity:1;"/>
<path d="M21.5485 43.6774C19.484 43.6774 17.8496 42.043 17.8496 39.9785V37.0538C17.8496 36.0215 18.7098 35.1613 19.7421 35.1613C20.7743 35.1613 21.6346 36.0215 21.6346 37.0538L21.5485 43.6774Z" fill="black" style="fill:black;fill-opacity:1;"/>
</g>
<defs>
<clipPath id="clip0_2250_446">
<rect width="64" height="64" rx="14" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

28
res/static/img/payment_providers/ideal_in3.svg Normal file
View File

@@ -0,0 +1,28 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4456_202)">
<path d="M50 0H14C6.26801 0 0 6.26801 0 14V50C0 57.732 6.26801 64 14 64H50C57.732 64 64 57.732 64 50V14C64 6.26801 57.732 0 50 0Z" fill="#E664A5" style="fill:#E664A5;fill:color(display-p3 0.9020 0.3922 0.6471);fill-opacity:1;"/>
<g clip-path="url(#clip1_4456_202)">
<path d="M48.3892 24.5576H29.7598C31.4143 26.4839 32.1879 29.0645 32.1879 31.977C32.1879 34.8894 31.4098 37.5115 29.7463 39.447H48.3847C53.6927 39.447 55.9956 36.3549 55.9956 31.9862C55.9956 27.6175 53.6927 24.5576 48.3847 24.5576H48.3892Z" fill="black" style="fill:black;fill-opacity:1;"/>
<path d="M8 22.6313V41.3687C8 42.2673 8.71101 43 9.58301 43H20.4494C28.6641 43 32.2236 38.2627 32.2236 31.977C32.2236 25.6912 28.6596 21 20.4449 21H9.58301C8.71101 21 8 21.7327 8 22.6313Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path d="M15.271 25.5991V39.447H21.1201C26.4281 39.447 28.731 36.3549 28.731 31.9862C28.731 27.6175 26.4281 24.5576 21.1201 24.5576H16.2861C15.7226 24.5576 15.271 25.0323 15.271 25.5991Z" fill="#CC0066" style="fill:#CC0066;fill:color(display-p3 0.8000 0.0000 0.4000);fill-opacity:1;"/>
<path d="M20.445 41.5069H11.0006C10.1599 41.5069 9.48022 40.8064 9.48022 39.9401V24.0645C9.48022 23.1981 10.1599 22.4977 11.0006 22.4977H20.4495C29.4154 22.4977 30.7524 28.4424 30.7524 31.9816C30.7524 38.1198 27.0901 41.5069 20.4495 41.5069H20.445ZM11.0006 23.023C10.4372 23.023 9.99001 23.4885 9.99001 24.0645V39.9401C9.99001 40.5207 10.4417 40.9862 11.0006 40.9862H20.4495C26.7636 40.9862 30.2471 37.788 30.2471 31.9816C30.2471 24.1843 24.1074 23.0184 20.4495 23.0184H11.0006V23.023Z" fill="black" style="fill:black;fill-opacity:1;"/>
<path d="M17.3281 30.1152C17.5338 30.1152 17.7216 30.1475 17.9049 30.212C18.0883 30.2765 18.2358 30.3825 18.37 30.5115C18.4952 30.6498 18.5981 30.8203 18.6786 31.0185C18.7501 31.2212 18.7903 31.4609 18.7903 31.7374C18.7903 31.9816 18.759 32.2028 18.7054 32.4056C18.6428 32.6083 18.5533 32.788 18.4371 32.9355C18.3208 33.083 18.1688 33.1982 17.9854 33.2857C17.8021 33.3687 17.5919 33.4148 17.346 33.4148H15.9597V30.106H17.3281V30.1152ZM17.2789 32.8157C17.3817 32.8157 17.4756 32.7973 17.5785 32.765C17.6724 32.7327 17.7618 32.6774 17.8334 32.5945C17.9049 32.5115 17.9675 32.4148 18.0167 32.2857C18.0659 32.1567 18.0883 32.0092 18.0883 31.8203C18.0883 31.659 18.0704 31.5023 18.0391 31.3733C18.0078 31.2443 17.9541 31.1198 17.8826 31.0323C17.811 30.9447 17.7171 30.8618 17.5964 30.8111C17.4756 30.7604 17.337 30.7374 17.1626 30.7374H16.6573V32.8249H17.2834V32.8157H17.2789Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path d="M21.6478 30.1153V30.7282H19.953V31.4378H21.5137V32.0001H19.953V32.8065H21.6881V33.4194H19.251V30.1107H21.6478V30.1199V30.1153Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path d="M24.0715 30.1152L25.2744 33.424H24.5366L24.2906 32.6913H23.0877L22.8328 33.424H22.1218L23.3337 30.1152H24.0715ZM24.1118 32.1475L23.7093 30.9309H23.7004L23.28 32.1475H24.1118Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path d="M26.4192 30.1152V32.8157H27.9843V33.4286H25.7126V30.1198H26.4147L26.4192 30.1152Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path d="M12.6284 33.2995C13.4458 33.2995 14.1085 32.6166 14.1085 31.7742C14.1085 30.9318 13.4458 30.2488 12.6284 30.2488C11.8109 30.2488 11.1482 30.9318 11.1482 31.7742C11.1482 32.6166 11.8109 33.2995 12.6284 33.2995Z" fill="black" style="fill:black;fill-opacity:1;"/>
<path d="M13.7462 39.447C12.5031 39.447 11.5059 38.4102 11.5059 37.1383V35.3364C11.5059 34.7005 12.0022 34.1797 12.6283 34.1797C13.2454 34.1797 13.7507 34.6913 13.7507 35.3364V39.447H13.7417H13.7462Z" fill="black" style="fill:black;fill-opacity:1;"/>
<path d="M36.3064 28.235C35.9487 28.235 35.6714 28.1475 35.4657 27.9723C35.2645 27.7972 35.1616 27.5438 35.1616 27.2166C35.1616 26.9217 35.2645 26.682 35.4702 26.4931C35.6759 26.3041 35.9531 26.212 36.3019 26.212C36.6507 26.212 36.9369 26.2995 37.1337 26.4746C37.3304 26.6498 37.4333 26.8986 37.4333 27.2166C37.4333 27.5346 37.3304 27.765 37.1292 27.9539C36.928 28.1429 36.6507 28.235 36.3019 28.235H36.3064ZM35.3539 36.0322V29.5207H37.2589V36.0322H35.3539Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path d="M39.0387 36.0277V29.5161H40.8452L40.9034 30.8387L40.5233 30.9862C40.6127 30.6913 40.7692 30.424 40.9928 30.1844C41.2164 29.9447 41.4892 29.7512 41.8067 29.6037C42.1242 29.4562 42.4551 29.3825 42.8039 29.3825C43.2779 29.3825 43.6803 29.4839 44.0068 29.682C44.3332 29.8802 44.5792 30.1797 44.7446 30.5761C44.9101 30.9724 44.9951 31.4562 44.9951 32.0277V36.0231H43.0811V32.1844C43.0811 31.9217 43.0454 31.7051 42.9738 31.5346C42.9023 31.3641 42.7949 31.235 42.6474 31.1475C42.4998 31.0599 42.3209 31.0231 42.1063 31.0323C41.9408 31.0323 41.7843 31.0599 41.6412 31.1106C41.4981 31.1659 41.3774 31.2397 41.2745 31.3456C41.1717 31.447 41.0912 31.5622 41.0286 31.6959C40.966 31.8295 40.9392 31.9678 40.9392 32.1244V36.0231H39.0342L39.0387 36.0277Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path d="M51.8279 32.1106C51.6848 31.7788 51.488 31.4931 51.2331 31.2442C50.9782 31 50.6876 30.8064 50.3656 30.6682C50.1465 30.576 49.9095 30.5253 49.668 30.4931L51.8055 28.129L51.4388 27.3687H46.3231V29.1198L48.9928 29.1751L47.2264 31.1521L47.6646 32.364C47.8211 32.2811 47.9777 32.2166 48.1297 32.1659C48.2817 32.1152 48.4248 32.0783 48.559 32.0507C48.6931 32.023 48.8228 32.0092 48.9391 32.0092C49.2029 32.0092 49.4265 32.0553 49.6099 32.1428C49.7932 32.2304 49.9408 32.364 50.0392 32.5392C50.1375 32.7143 50.1867 32.9309 50.1867 33.1843C50.1867 33.4193 50.1286 33.6359 50.0123 33.8203C49.8961 34.0092 49.7485 34.1521 49.5607 34.2534C49.3729 34.3548 49.1716 34.4055 48.948 34.4055C48.7244 34.4055 48.5143 34.3687 48.313 34.2903C48.1118 34.212 47.9151 34.0875 47.7317 33.917C47.5439 33.7465 47.365 33.5161 47.1906 33.2304L45.7373 34.1981C46.1487 34.9078 46.6093 35.4101 47.1101 35.7004C47.6154 35.9908 48.2013 36.1336 48.8765 36.1336C49.4623 36.1336 49.9944 36.0046 50.4774 35.7419C50.9559 35.4793 51.336 35.129 51.6177 34.682C51.8994 34.235 52.038 33.7281 52.038 33.1567C52.038 32.7788 51.9665 32.4286 51.8234 32.0968L51.8279 32.1106Z" fill="white" style="fill:white;fill-opacity:1;"/>
</g>
</g>
<defs>
<clipPath id="clip0_4456_202">
<rect width="64" height="64" rx="14" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
<clipPath id="clip1_4456_202">
<rect width="48" height="22" fill="white" style="fill:white;fill-opacity:1;" transform="translate(8 21)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

14
res/static/img/payment_providers/in3.svg
View File

@@ -1,14 +0,0 @@
<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="24" rx="4" fill="#001C5D"/>
<g clip-path="url(#clip0_2767_2)">
<path d="M6.2 9.16364C5.53455 9.16364 5 9.70909 5 10.3636V16.7236C5 17.3891 5.53455 17.9236 6.2 17.9236C6.86545 17.9236 7.4 17.3891 7.4 16.7236V10.3636C7.4 9.70909 6.86545 9.16364 6.2 9.16364Z" fill="#33EBC7"/>
<path d="M6.2 8.41091C6.86545 8.41091 7.4 7.87636 7.4 7.21091C7.4 6.54546 6.86545 6.01091 6.2 6.01091C5.53455 6.01091 5 6.54546 5 7.21091C5 7.87636 5.53455 8.41091 6.2 8.41091Z" fill="#33EBC7"/>
<path d="M13.3127 9.15273C12.1564 9.15273 11.4145 9.58909 10.9564 10.0145C10.8145 9.88363 10.6509 9.76363 10.4873 9.66545C10.4 9.6 10.3018 9.54545 10.1927 9.50182C10.0618 9.44727 9.91999 9.42545 9.76726 9.42545C9.10181 9.42545 8.56726 9.96 8.56726 10.6255C8.56726 11.0836 8.81817 11.4764 9.18908 11.6836C9.19999 11.6836 9.19999 11.6945 9.2109 11.6945C9.28726 11.7382 9.35272 11.7927 9.39635 11.8364C9.70181 12.1527 9.8109 12.7091 9.83272 13.0473C9.83272 13.1345 9.83272 13.2218 9.84362 13.2873V16.7127C9.84362 17.3782 10.3782 17.9236 11.0436 17.9236C11.7091 17.9236 12.2436 17.3891 12.2436 16.7236V13.2545V12.7309V12.72C12.2436 12.0764 12.7673 11.5527 13.4109 11.5527C14.0545 11.5527 14.5782 12.0764 14.5782 12.72V12.7309V13.2327C14.5782 13.2436 14.5782 13.2545 14.5782 13.2764V16.7236C14.5782 17.3891 15.1127 17.9236 15.7782 17.9236C16.4436 17.9236 16.9782 17.3891 16.9782 16.7236V13.3418C16.9782 13.32 16.9782 13.2873 16.9782 13.2436C16.9782 12.7745 16.8909 11.2473 15.8654 10.1782C15.2436 9.51273 14.3491 9.15273 13.3127 9.15273Z" fill="#33EBC7"/>
<path d="M26 11.8255C26.0327 11.7818 26.0763 11.7382 26.1091 11.6945C26.1309 11.6727 26.1418 11.64 26.1636 11.6182C26.2072 11.5527 26.2509 11.4982 26.2945 11.4327C26.2945 11.4218 26.3054 11.4218 26.3054 11.4109C26.3709 11.3236 26.4254 11.2255 26.4691 11.1164V11.1055C26.6982 10.6255 26.8182 10.0691 26.8182 9.46909C26.8182 8.31273 26.3818 7.57091 25.9563 7.11273C25.4109 6.56727 24.7454 6 22.8145 6H19.2582C18.5927 6 18.0472 6.53455 18.0472 7.2C18.0472 7.86545 18.5818 8.4 19.2472 8.4H22.7163H23.24H23.2509C23.8945 8.4 24.4182 8.92364 24.4182 9.56727C24.4182 10.1673 23.9709 10.6582 23.4036 10.7236C23.2618 10.7345 23.12 10.7345 22.9563 10.7345H22.7491C22.7382 10.7345 22.7272 10.7345 22.7054 10.7345H19.2582C18.5927 10.7345 18.0582 11.2691 18.0582 11.9345C18.0582 12.6 18.5927 13.1345 19.2582 13.1345H22.7272H23.2509H23.2618C23.9054 13.1345 24.4291 13.6582 24.4291 14.3018C24.4291 14.9455 23.9054 15.4691 23.2618 15.4691H23.2509H22.7491C22.7382 15.4691 22.7272 15.4691 22.7054 15.4691H19.2582C18.5927 15.4691 18.0582 16.0036 18.0582 16.6691C18.0582 17.3345 18.5927 17.8691 19.2582 17.8691H22.64C22.6618 17.8691 22.6945 17.8691 22.7382 17.8691C23.2072 17.8691 24.7345 17.7818 25.8036 16.7564C26.48 16.1127 26.84 15.2182 26.84 14.1818C26.84 13.0255 26.4036 12.2836 25.9782 11.8255C25.9672 11.8582 25.9891 11.8473 26 11.8255Z" fill="#33EBC7"/>
</g>
<defs>
<clipPath id="clip0_2767_2">
<rect width="21.8182" height="12" fill="white" transform="translate(5 6)"/>
</clipPath>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.1 KiB

16
res/static/img/payment_providers/kbc.svg
View File

@@ -1 +1,15 @@
<svg fill="none" height="24" viewBox="0 0 32 24" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m4.12903.5h23.74197c1.9991 0 3.629 1.63976 3.629 3.67391v15.65219c0 2.0341-1.6299 3.6739-3.629 3.6739h-23.74197c-1.99917 0-3.62903-1.6398-3.62903-3.6739v-15.65219c0-2.03415 1.62986-3.67391 3.62903-3.67391z" fill="#fff" stroke="#e6e6e6"/><g clip-rule="evenodd" fill-rule="evenodd"><path d="m2.93513 5.86572c1.62112 0 2.93518-1.31312 2.93518-2.93289 0-1.61965-1.31406-2.93283-2.93518-2.93283-1.62107 0-2.93513 1.31318-2.93513 2.93283 0 1.61977 1.31406 2.93289 2.93513 2.93289z" fill="#019acc" transform="translate(13.1467 5.01093)"/><path d="m7.95233 1.37176c-.98164 0-1.82701-.381211-2.36461-.804973-3.20452.336025-5.58772.812283-5.58772.812283v1.24703h17.0323c0-1.750391 0-2.62558619 0-2.62558619s-2.945-.01803891-6.2694.15965219c-.5591.605707-1.54533 1.211594-2.81057 1.211594z" fill="#019acc" transform="translate(7.48389 10.1565)"/><path d="m2.01952 4.69565h-2.01952v-4.69565h2.01952v2.11308l1.20024-2.11308h2.4214l-1.7731 2.42663 1.673 2.26902h-2.31075l-1.19687-1.76485z" fill="#003466" transform="translate(7.48389 13.5652)"/><path d="m5.12815 4.44636c-.4766.15668-1.10296.24929-1.66341.24929-1.99793 0-3.46474-.61153-3.46474-2.39006 0-1.607261 1.42171-2.30559 3.36519-2.30559.54017 0 1.22626.0641953 1.76296.248707l-.00072 1.556823c-.39774-.25943-.79548-.42114-1.3651-.42114-.74126 0-1.48211.39311-1.48211.96369 0 .57208.73755.96383 1.48211.96383.5605 0 .96736-.16714 1.3651-.41462z" fill="#003466" transform="translate(19.356 13.5652)"/><path d="m2.01946 1.99002h1.00581c.38874 0 .54101-.17582.54101-.44545 0-.30899-.15365-.46325-.51295-.46325h-1.03399zm0 1.75099h1.05294c.39462 0 .52908-.18245.52908-.45194 0-.26962-.13578-.46332-.52458-.46332h-1.05756zm-2.01946-3.74101h4.08228c1.06044 0 1.40798.46038 1.40798 1.17713 0 .80231-.64218 1.15094-1.30188 1.19025v.01325c.67733.05926 1.33715.14463 1.33715 1.09163 0 .61832-.34754 1.22339-1.51395 1.22339h-4.01158z" fill="#003466" transform="translate(13.4558 13.5652)"/></g></svg>
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2250_1599)">
<rect width="64" height="64" rx="14" fill="#00ACEF" style="fill:#00ACEF;fill:color(display-p3 0.0000 0.6745 0.9373);fill-opacity:1;"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.1924 29.6274C35.9996 29.6274 39.0857 26.5768 39.0857 22.8136C39.0857 19.0508 35.9996 16 32.1924 16C28.3854 16 25.2993 19.0508 25.2993 22.8136C25.2993 26.5768 28.3854 29.6274 32.1924 29.6274Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M30.6759 31.1413C28.3706 31.1413 26.3852 30.2556 25.1227 29.2711C17.5969 30.0518 12 31.1582 12 31.1582V34.0554H52C52 29.9888 52 27.9555 52 27.9555C52 27.9555 45.0838 27.9136 37.2765 28.3264C35.9634 29.7336 33.6473 31.1413 30.6759 31.1413Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.7428 46.7826H12V35.8735H16.7428V40.7827L19.5615 35.8735H25.2482L21.0841 41.5112L25.0131 46.7826H19.5863L16.7755 42.6825L16.7428 46.7826Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M51.9247 46.2035C50.8054 46.5675 49.3344 46.7826 48.0183 46.7826C43.3261 46.7826 39.8813 45.3619 39.8813 41.23C39.8813 37.4959 43.2202 35.8735 47.7844 35.8735C49.053 35.8735 50.6643 36.0227 51.9247 36.4513L51.923 40.0682C50.989 39.4655 50.0549 39.0898 48.7171 39.0898C46.9763 39.0898 45.2364 40.0031 45.2364 41.3287C45.2364 42.6577 46.9685 43.5679 48.7171 43.5679C50.0335 43.5679 50.989 43.1796 51.923 42.6046L51.9247 46.2035Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M30.7676 40.4968H33.1297C34.0426 40.4968 34.4003 40.0883 34.4003 39.4619C34.4003 38.7441 34.0394 38.3857 33.1956 38.3857H30.7673L30.7676 40.4968ZM30.7676 44.5648H33.2404C34.1672 44.5648 34.4829 44.1409 34.4829 43.5148C34.4829 42.8884 34.1641 42.4384 33.251 42.4384H30.7673L30.7676 44.5648ZM26.0249 35.8735H35.6121C38.1025 35.8735 38.9187 36.9431 38.9187 38.6083C38.9187 40.4722 37.4105 41.2822 35.8612 41.3735V41.4043C37.4519 41.542 39.0015 41.7403 39.0015 43.9404C39.0015 45.3769 38.1853 46.7826 35.446 46.7826H26.0249V35.8735Z" fill="white" style="fill:white;fill-opacity:1;"/>
</g>
<defs>
<clipPath id="clip0_2250_1599">
<rect width="64" height="64" rx="14" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

5
res/static/img/payment_providers/klarna.svg
View File

@@ -1,5 +0,0 @@
<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28 0H4C1.79086 0 0 1.79086 0 4V20C0 22.2091 1.79086 24 4 24H28C30.2091 24 32 22.2091 32 20V4C32 1.79086 30.2091 0 28 0Z" fill="#F4B6C7"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.25 17.25H10V6.75H12.25V17.25ZM12.6667 12.0222C14.6631 11.039 15.9534 9.05237 15.9999 6.75088H18.3632C18.3311 8.93615 17.4292 10.9634 15.8415 12.4672L18.9999 17.25H15.9999L12.6667 12.0222Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19 15.7501C19 16.5784 19.6716 17.25 20.5001 17.25C21.3284 17.25 22 16.5784 22 15.7501C22 14.9216 21.3284 14.25 20.5001 14.25C19.6716 14.25 19 14.9216 19 15.7501Z" fill="black"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 736 B

1
res/static/img/payment_providers/mb_way.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

1
res/static/img/payment_providers/multibanco.svg Normal file
View File

@@ -0,0 +1 @@
<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" data-testid="method-icon" data-method="multibanco" aria-hidden="true" focusable="false" class="mollie-ui-box mollie-ui-icon"><rect width="40" height="40" rx="10" fill="#fff"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M19.94 27.086h9.09c2.073 0 2.095-2.205 1.883-3.293-.115-.733-1.36-.721-1.496 0v.848a.708.708 0 0 1-.706.707H11.289a.708.708 0 0 1-.706-.707v-.848c-.137-.721-1.38-.733-1.496 0-.212 1.088-.19 3.293 1.884 3.293h8.97ZM13.518 5.96H27.53c.984 0 1.79.853 1.79 1.895v.906c0 1.28-1.73 1.274-1.73.008v-.493a.577.577 0 0 0-.576-.576h-14.04a.576.576 0 0 0-.577.576v.485c0 1.272-1.652 1.264-1.652.027v-.931c.005-1.042.809-1.897 1.793-1.897h.98Z" fill="#3D73B9"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M28.966 16.367a2.77 2.77 0 0 1 1.64 2.482c0 1.525-1.332 2.773-2.959 2.773h-4.564a.753.753 0 0 1-.776-.72v-8.688a.763.763 0 0 1 .763-.761h3.8a2.901 2.901 0 0 1 2.096 4.914Zm-3.406-.706h1.449v-.016a1.385 1.385 0 0 0 1.17-1.362 1.382 1.382 0 0 0-1.378-1.377h-2.918v7.206h3.7a1.423 1.423 0 1 0 0-2.847H25.56a.8.8 0 0 1 0-1.6" fill="#1D1D1B"></path><path d="M21.582 20.756a.916.916 0 1 1-1.821.193l-.754-6.905-2.653 6.752v.082a.88.88 0 0 1-.23.263l-.014.011a.836.836 0 0 1-.158.113l-.018.008-.015.009H15.828a.873.873 0 0 1-.268.05h-.067a.876.876 0 0 1-.3-.062H15.12l-.016-.008-.015-.009h-.008a.86.86 0 0 1-.144-.096l-.03-.028-.024-.021-.054-.015-.028-.03a.872.872 0 0 1-.097-.144v-.009l-.008-.014-.009-.016V20.812l-2.702-6.768-.75 6.905a.915.915 0 0 1-1.821-.193l.885-8.14a1.518 1.518 0 0 1 1.308-1.338h.05c.077-.005.154-.005.231 0a1.504 1.504 0 0 1 1.342.957l2.269 5.733 2.264-5.751a1.506 1.506 0 0 1 1.342-.957c.077-.006.154-.006.232 0h.049a1.522 1.522 0 0 1 1.308 1.343l.89 8.153ZM12.6 31.09a.317.317 0 1 1 .635 0v1.712a1.423 1.423 0 0 1-1.42 1.422 1.424 1.424 0 0 1-1.422-1.42v-1.713a.316.316 0 0 1 .55-.24.317.317 0 0 1 .083.24v1.713a.797.797 0 0 0 .79.79.793.793 0 0 0 .79-.792L12.6 31.09ZM15.6 33.591a.317.317 0 1 1 0 .635h-.88a1.188 1.188 0 0 1-1.189-1.189V31.09a.316.316 0 0 1 .63 0v1.943a.56.56 0 0 0 .56.56h.88v-.002ZM10.27 33.873a.317.317 0 1 1-.629.075l-.27-2.282-.968 2.239a.317.317 0 0 1-.416.166.311.311 0 0 1-.165-.166l-.968-2.239-.272 2.282a.317.317 0 1 1-.629-.075l.32-2.65a.51.51 0 0 1 .339-.42h.024a.54.54 0 0 1 .599.192.53.53 0 0 1 .056.095l.82 1.902.821-1.917a.522.522 0 0 1 .374-.3.751.751 0 0 1 .093-.014h.097a.533.533 0 0 1 .438.344c.008.02.014.04.017.061v.041l.32 2.666ZM16.98 33.909a.317.317 0 0 1-.634 0v-2.502h-.9a.317.317 0 1 1 0-.634h2.436a.317.317 0 1 1 0 .634h-.901v2.502ZM18.958 33.909a.317.317 0 0 1-.634 0v-2.82a.317.317 0 1 1 .634 0v2.82ZM25.453 33.873a.317.317 0 0 1-.63.077l-.111-.896h-1.09a.32.32 0 0 1-.315-.19.317.317 0 0 1 .315-.442h1.019l-.03-.234v-.022a1.056 1.056 0 0 0-.1-.328.719.719 0 0 0-.642-.427.64.64 0 0 0-.302.073.887.887 0 0 0-.44.704l-.199 1.762a.314.314 0 0 1-.348.278.314.314 0 0 1-.278-.347l.197-1.762a1.515 1.515 0 0 1 .782-1.201 1.306 1.306 0 0 1 1.304.075c.213.138.383.334.489.565.043.086.08.176.108.268.024.085.042.172.054.26a.077.077 0 0 1 0 .028l.216 1.76ZM26.42 33.909a.316.316 0 0 1-.442.315.318.318 0 0 1-.19-.315v-2.612a.257.257 0 0 1 0-.054.452.452 0 0 1 .025-.103l.026-.056a.455.455 0 0 1 .248-.207l.043-.011h.118a.448.448 0 0 1 .333.171l1.68 2.151V31.09a.317.317 0 0 1 .634 0v2.612a.446.446 0 0 1-.271.408l-.026.011a.446.446 0 0 1-.34-.018l-.04-.02a.38.38 0 0 1-.062-.05.43.43 0 0 1-.041-.04l-.011-.014-1.683-2.158v2.088ZM31.368 33.591a.317.317 0 1 1 0 .635h-.932a1.248 1.248 0 0 1-1.248-1.248v-.954a1.252 1.252 0 0 1 1.248-1.248h.932a.317.317 0 1 1 0 .634h-.932a.62.62 0 0 0-.437.187.612.612 0 0 0-.186.435v.953a.621.621 0 0 0 .617.618h.933l.005-.012ZM33.202 31.405a.862.862 0 0 0-.599.239.776.776 0 0 0-.244.56v.59a.774.774 0 0 0 .242.56c.162.155.376.24.6.24a.862.862 0 0 0 .598-.24.777.777 0 0 0 .245-.56v-.59a.782.782 0 0 0-.243-.56.871.871 0 0 0-.6-.24m0-.631c.386-.002.758.146 1.037.414a1.405 1.405 0 0 1 .438 1.015v.59a1.403 1.403 0 0 1-.438 1.016c-.28.267-.651.415-1.038.414a1.493 1.493 0 0 1-1.037-.414 1.41 1.41 0 0 1-.436-1.015v-.591a1.41 1.41 0 0 1 .436-1.015c.28-.268.651-.416 1.037-.415ZM19.856 31.407v2.184h1.224a.397.397 0 0 0 .293-.668l-.014-.01a.388.388 0 0 0-.28-.12h-.421a.317.317 0 1 1 0-.634h.144a.39.39 0 0 0 .321-.233.372.372 0 0 0-.344-.517h-.923v-.002Zm-.635 1.073v-1.377c0-.043.01-.086.027-.125a.371.371 0 0 1 .072-.11.325.325 0 0 1 .21-.09h1.24a1.01 1.01 0 0 1 .854 1.547c.068.04.13.087.187.141l.02.023a1.025 1.025 0 0 1-.02 1.434 1.032 1.032 0 0 1-.728.303H19.54a.317.317 0 0 1-.318-.318V32.48Z" fill="#1D1D1B"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

10
res/static/img/payment_providers/mybank.svg
View File

@@ -1,10 +0,0 @@
<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.12903 0.5H27.871C29.8701 0.5 31.5 2.13976 31.5 4.17391V19.8261C31.5 21.8602 29.8701 23.5 27.871 23.5H4.12903C2.12986 23.5 0.5 21.8602 0.5 19.8261V4.17391C0.5 2.13976 2.12986 0.5 4.12903 0.5Z" fill="white" stroke="#E6E6E6"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.2986 13.6423C21.2986 13.6423 20.5962 13.7865 20.6035 13.2837C20.611 12.7809 21.8832 12.811 22.0135 12.8517C22.0135 12.8517 22.0536 13.4222 21.2986 13.6423ZM21.51 10.4706C20.4179 10.4604 19.9072 11.0885 19.9072 11.0885C19.5756 11.4402 19.7882 11.9165 20.1135 11.9509C20.5809 12.0003 20.5761 11.6086 21.2935 11.4349C21.9229 11.2826 21.9501 11.8656 21.9501 11.8656C19.2659 11.7989 19.3941 14.0513 20.3078 14.5297C21.1841 14.9884 22.0031 14.4097 22.0031 14.4097C22.0031 14.4097 22.0339 14.7214 22.4674 14.7214C22.9635 14.7214 22.9628 14.2263 22.9628 14.2263L22.9608 12.0339C22.9281 10.4299 21.51 10.4706 21.51 10.4706Z" fill="#204256"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M30.1779 13.8362L29.0836 12.1891L29.8879 11.4286C29.8879 11.4286 30.2591 11.085 29.9543 10.7444C29.6166 10.3672 29.2139 10.7396 29.2139 10.7396L28.2033 11.6784V9.79396C28.2033 9.52394 27.9845 9.30524 27.7146 9.30524C27.4444 9.30524 27.2256 9.52394 27.2256 9.79396V14.2282C27.2256 14.4981 27.4444 14.7169 27.7146 14.7169C27.9845 14.7169 28.2033 14.4981 28.2033 14.2282V13.0477L28.3882 12.863L29.3782 14.4146C29.3782 14.4146 29.7009 14.9533 30.1762 14.6105C30.5335 14.3527 30.1779 13.8362 30.1779 13.8362Z" fill="#204256"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.6864 12.0341C26.6864 10.4324 25.3512 10.2067 24.4433 10.7148C24.4426 10.7154 24.4417 10.7172 24.4413 10.7177C24.373 10.5228 24.1894 10.382 23.9711 10.382C23.6952 10.382 23.4714 10.6058 23.4714 10.8819V14.2215C23.4714 14.4976 23.6952 14.7214 23.9711 14.7214C24.2472 14.7214 24.471 14.4976 24.471 14.2215L24.4641 11.9684C24.4641 11.9684 24.5853 11.8241 24.7799 11.686C25.2474 11.3546 25.6931 11.4675 25.6931 12.0339L25.7045 14.2296C25.7045 14.5015 25.9246 14.7214 26.1963 14.7214C26.4678 14.7214 26.6879 14.5015 26.6879 14.2296L26.6864 12.0341Z" fill="#204256"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.317 14.7856C12.4315 14.5943 12.4514 14.4596 12.4514 14.4596L11.3227 11.5093C11.3227 11.5093 11.1179 10.9385 11.5692 10.7694C12.0474 10.59 12.22 11.0467 12.2559 11.1425C12.2918 11.2382 12.969 13.0415 12.969 13.0415L13.621 11.1466C13.621 11.1466 13.8078 10.5575 14.3301 10.7676C14.7616 10.9413 14.5399 11.5192 14.5399 11.5192C14.5399 11.5192 13.8727 13.4936 13.3133 14.9259C12.9792 15.7817 12.6939 15.8661 12.3679 15.9463C11.9316 16.0537 11.1067 16.0005 11.1067 15.458C11.1067 15.0301 11.5448 15.0034 11.7424 15.0098C11.753 15.01 12.1615 15.0454 12.317 14.7856Z" fill="#1CB9DE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.69551 9.82625L8.66376 12.673L7.53899 9.84357C7.53899 9.84357 7.3723 9.30719 6.90332 9.30719C6.35992 9.30719 6.37765 9.73762 6.36542 9.84357C6.35319 9.9496 6.36542 14.2681 6.36542 14.2681C6.36542 14.2681 6.35992 14.7215 6.85849 14.7215C7.3679 14.7215 7.34344 14.2641 7.3475 14.2641C7.35157 14.2641 7.3475 11.9843 7.3475 11.9843L8.17475 14.2641C8.17475 14.2641 8.29695 14.7123 8.68005 14.7041C9.06312 14.6961 9.17313 14.2641 9.17313 14.2641L9.86594 11.9884V14.2641C9.86594 14.2641 9.86594 14.7215 10.3671 14.7215C10.852 14.7215 10.852 14.2641 10.852 14.2641L10.8527 9.84767C10.8527 9.84767 10.8527 9.30719 10.3264 9.30978C9.88987 9.31183 9.72404 9.73028 9.69551 9.82625C9.69222 9.83745 9.69071 9.84357 9.69071 9.84357L9.69551 9.82625Z" fill="#1CB9DE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M30.3388 16.4653H21.6308L15.237 16.4642L15.2414 16.4713C13.9776 17.9522 12.1005 18.894 10.0009 18.894C6.19428 18.894 3.10843 15.8079 3.10843 12.0013C3.10843 8.19461 6.19428 5.10876 10.0009 5.10876C12.1096 5.10876 13.9956 6.05595 15.2596 7.54769H16.6436C15.2074 5.40956 12.7703 4 10.0009 4C5.58229 4 2 7.58233 2 12.0013C2 16.4202 5.58229 20.0025 10.0009 20.0025C12.319 20.0025 14.4022 19.0129 15.8626 17.4372L29.6829 17.4234L30.3388 16.4653Z" fill="#1CB9DE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.6571 13.7552H16.2663V12.4295H17.6571C17.9935 12.4468 18.3201 12.618 18.3201 13.0924C18.3201 13.5796 18.0231 13.7552 17.6571 13.7552ZM16.2663 10.3537H17.5627C17.8224 10.3604 18.0949 10.4989 18.0949 10.886C18.0949 11.2894 17.8566 11.4183 17.5627 11.4183H16.2663V10.3537ZM18.7529 11.82C18.7793 11.7836 19.112 11.5141 19.0857 10.7974C19.0327 9.34645 17.7726 9.36299 17.4937 9.35453C17.0444 9.34103 16.7739 9.34645 15.9492 9.35453C15.2528 9.36143 15.2579 9.99431 15.2579 9.99431V14.7214C15.2579 14.7214 16.5116 14.7214 17.6052 14.7214C18.8613 14.7214 19.3286 14.0299 19.3286 13.0631C19.3286 12.0904 18.7529 11.82 18.7529 11.82Z" fill="#204256"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 4.7 KiB

13
res/static/img/payment_providers/p24.svg Normal file
View File

@@ -0,0 +1,13 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2250_489)">
<rect width="64" height="64" rx="14" fill="#D13239" style="fill:#D13239;fill:color(display-p3 0.8196 0.1961 0.2235);fill-opacity:1;"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.1817 25.0386C25.9983 24.8444 25.7339 24.6933 25.4426 24.5746C25.1351 24.4559 24.7952 24.3696 24.4607 24.3103C24.0399 24.2347 23.6299 24.2024 23.3386 24.1916C23.0689 24.1808 22.8962 24.1808 22.8962 24.1808H19.2061H16.4601L14 39.0384H16.2982L17.2046 33.5356L21.6608 33.5571C21.6608 33.5571 23.3979 33.6273 24.628 32.9745C25.858 32.3217 26.1871 30.8381 26.1871 30.8381C26.1871 30.8381 26.322 30.2878 26.4353 29.6189C26.5594 28.8798 26.6834 27.995 26.7482 27.5256C26.7752 27.3206 26.7913 27.1911 26.7913 27.1911C26.7913 27.1911 26.8237 27.0401 26.8237 26.8027C26.8291 26.4736 26.7806 25.9773 26.5216 25.5025C26.4299 25.3353 26.322 25.1842 26.1817 25.0386ZM24.4122 27.6605C24.4122 27.6875 24.2072 28.8798 23.9374 30.2932C23.8349 30.8327 23.4195 31.124 22.9448 31.2265C22.1571 31.3938 21.3101 31.3614 21.3101 31.3614L17.5876 31.3506L18.4076 26.4143L21.7795 26.4251C21.7795 26.4251 22.0061 26.4197 22.3244 26.4251C22.6858 26.4305 23.166 26.4467 23.5598 26.5006C23.8997 26.5438 24.1694 26.6139 24.2557 26.7218C24.369 26.8621 24.4122 27.0455 24.4284 27.2073C24.45 27.4447 24.4122 27.6443 24.4122 27.6605Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.4098 29.3869L30.735 29.3923L30.8753 28.4913C30.8753 28.4913 31.1235 26.8621 31.6791 26.5492C31.8572 26.4467 32.1431 26.3549 32.4722 26.2956C33.0818 26.1877 33.8533 26.1769 34.4845 26.1985C35.4502 26.2309 35.817 26.2416 36.7989 26.3549C37.7808 26.4682 37.5326 27.4177 37.5326 27.4177L37.3384 28.8366C37.3384 28.8366 37.2521 29.4732 37.0255 29.867C36.8259 30.2177 36.2756 30.4551 35.9573 30.5576C35.1912 30.8057 32.5693 31.4747 32.5693 31.4747L30.5084 32.0682C30.5084 32.0682 29.2406 32.435 28.5339 33.2173C27.8218 34.0049 27.5412 34.8951 27.4441 35.3591C27.347 35.823 26.8021 39.033 26.8021 39.033L37.9264 39.0384L38.2987 36.8157L29.4996 36.8265L29.656 35.9201C29.656 35.9201 29.7585 34.9868 30.1362 34.6793C30.2549 34.5822 30.3142 34.4527 31.0156 34.2045C31.4364 34.0535 32.8714 33.6704 32.8714 33.6704L36.1893 32.7641C36.1893 32.7641 38.002 32.3001 38.7141 31.3075C39.4262 30.3202 39.7014 28.4266 39.7014 28.4266C39.7014 28.4266 39.8956 26.5869 39.7445 26.0097C39.5989 25.4324 39.054 24.7419 38.3904 24.4451C37.7268 24.1484 37.0363 23.9758 35.0348 24.0028C33.0333 24.0297 32.0406 24.1214 31.0263 24.4991C30.0121 24.8713 29.4241 25.5511 29.0518 26.5114C28.6472 27.4231 28.4098 29.3869 28.4098 29.3869Z" fill="#D4D4D4" style="fill:#D4D4D4;fill:color(display-p3 0.8297 0.8297 0.8297);fill-opacity:1;"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M49.3527 33.5194L50.9119 24.1754H48.1497L39.5502 33.4115L39.1617 35.7529H46.6823L46.132 39.033L48.441 39.0384L48.9859 35.7529L51.1169 35.7583L51.4999 33.5194H49.3527ZM47.0545 33.5248L42.1937 33.5194L48.1119 27.2128L47.0545 33.5248Z" fill="#D4D4D4" style="fill:#D4D4D4;fill:color(display-p3 0.8297 0.8297 0.8297);fill-opacity:1;"/>
</g>
<defs>
<clipPath id="clip0_2250_489">
<rect width="64" height="64" rx="14" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

14
res/static/img/payment_providers/paypal.svg
View File

@@ -1 +1,13 @@
<svg fill="none" height="24" viewBox="0 0 32 24" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m27.904 0h-23.808c-2.26216 0-4.096 1.84863-4.096 4.12903v15.74197c0 2.2804 1.83384 4.129 4.096 4.129h23.808c2.2622 0 4.096-1.8486 4.096-4.129v-15.74197c0-2.2804-1.8338-4.12903-4.096-4.12903z" fill="#0071c0"/><path d="m6.47411 0c-.01075.0715255-.02304.144649-.03686.219771-.47501 2.537759-2.1001 3.414439-4.17562 3.414439h-1.05677c-.25382 0-.467708.1918-.50726.45233l-.541056 3.57068-.15321602 1.01215c-.02572798.17102.10099202.32526.26688002.32526h1.874302c.22195 0 .4105-.16782.44544-.39559l.01843-.09909.3529-2.33038.02266-.12786c.03456-.22857.22348-.39639.44544-.39639h.28032c1.81593 0 3.2375-.7672 3.65299-2.98729.17357-.92743.08371-1.701826-.37555-2.246459-.13901-.164229-.31143-.300487-.51303-.411571z" fill="#99c6e5" transform="translate(13.7683 8.87006)"/><path d="m5.27962.177415c-.07258-.021977-.14746-.041956-.22426-.059938-.07718-.0175813-.15629-.0331649-.2377-.0467508-.28492-.04795-.59712-.0707262-.93158-.0707262h-2.82317c-.069502 0-.13555.0163829-.194686.0459521-.130176.0651319-.226944.1933979-.250368.3504349l-.600576 3.958273-.01728.11548c.039552-.26053.25344-.45233.507264-.45233h1.056766c2.07552 0 3.70061-.87708 4.17562-3.414439.01421-.075121.02611-.148245.03686-.219771-.12019-.066331-.25037-.123071-.39053-.171421-.03456-.011988-.07027-.023575-.10636-.034764z" fill="#cce2f2" transform="translate(14.4659 8.48645)"/><path d="m3.69177 3.0764c.02343-.15704.12019-.28531.25037-.35004.05952-.02957.12518-.04595.19469-.04595h2.82317c.33446 0 .64665.02277.93158.07072.08141.01359.16051.02917.2377.04676.07679.01798.15168.03796.22425.05993.0361.01119.07181.02278.10675.03437.14016.04835.27034.10549.39053.17142.14131-.93782-.00115-1.57636-.48845-2.154557-.53721-.636537-1.50681-.909053-2.74752-.909053h-3.60192c-.25344 0-.46963.1918-.5088.452728l-1.50028429 9.895672c-.02956801.1958.11558429.3724.30528029.3724h2.223744l.55834-3.68613z" fill="#fff" transform="translate(11.392 5.80646)"/></svg>
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2250_402)">
<path d="M50 0H14C6.26801 0 0 6.26801 0 14V50C0 57.732 6.26801 64 14 64H50C57.732 64 64 57.732 64 50V14C64 6.26801 57.732 0 50 0Z" fill="#0171C0" style="fill:#0171C0;fill:color(display-p3 0.0039 0.4431 0.7529);fill-opacity:1;"/>
<path opacity="0.6" d="M42.82 23.9141C42.79 24.1001 42.756 24.2881 42.718 24.4821C41.386 31.0381 36.828 33.3021 31.008 33.3021H28.044C27.332 33.3021 26.732 33.7981 26.62 34.4721L25.104 43.6961L24.674 46.3101C24.64 46.5201 24.702 46.7341 24.846 46.8961C24.99 47.0581 25.2 47.1501 25.422 47.1501H30.678C31.302 47.1501 31.83 46.7161 31.928 46.1281L31.98 45.8721L32.97 39.8521L33.032 39.5221C33.13 38.9321 33.66 38.4981 34.282 38.4981H35.068C40.16 38.4981 44.148 36.5161 45.312 30.7801C45.8 28.3861 45.548 26.3841 44.26 24.9781C43.852 24.5421 43.364 24.1821 42.82 23.9141Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path opacity="0.8" d="M41.4279 23.382C41.0019 23.264 40.5699 23.172 40.1319 23.106C39.2679 22.978 38.3939 22.918 37.5199 22.924H29.6019C28.9799 22.922 28.4499 23.358 28.3539 23.948L26.6699 34.172L26.6199 34.472C26.7299 33.798 27.3339 33.302 28.0439 33.302H31.0079C36.8279 33.302 41.3859 31.036 42.7179 24.482C42.7579 24.288 42.7899 24.1 42.8199 23.914C42.4699 23.738 42.1039 23.59 41.7259 23.472C41.6259 23.44 41.5279 23.41 41.4279 23.382Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path d="M28.3539 23.948C28.4479 23.358 28.9779 22.922 29.6019 22.924H37.5199C38.4579 22.924 39.3319 22.984 40.1319 23.108C40.6719 23.188 41.2059 23.31 41.7259 23.472C42.1199 23.596 42.4839 23.744 42.8219 23.914C43.2179 21.492 42.8179 19.842 41.4519 18.348C39.9459 16.704 37.2259 16 33.7459 16H23.6459C22.9339 16 22.3279 16.496 22.2179 17.17L18.0099 42.734C17.9719 42.974 18.0439 43.218 18.2079 43.404C18.3719 43.588 18.6139 43.696 18.8659 43.696H25.1039L26.6699 34.172L28.3539 23.948Z" fill="white" style="fill:white;fill-opacity:1;"/>
</g>
<defs>
<clipPath id="clip0_2250_402">
<rect width="64" height="64" rx="14" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

1
res/static/img/payment_providers/paysafecard.svg
View File

@@ -1 +0,0 @@
<svg fill="none" height="24" viewBox="0 0 32 24" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m28 0h-24c-2.20914 0-4 1.79086-4 4v16c0 2.2091 1.79086 4 4 4h24c2.2091 0 4-1.7909 4-4v-16c0-2.20914-1.7909-4-4-4z" fill="#a4e3ff"/><g fill="#e3001b"><path d="m.524536 3.444c.169141-.05979.304837-.10519.436046-.168.253828-1.12455 1.308438-1.99371 2.529068-2.016 1.30841.02229 2.36345.89269 2.61628 2.016.38409.10697.7051.25968.9593.504.00617-.23937-.00316-.45357 0-.672-.19017-1.73409-1.69852-3.108-3.57558-3.108-1.85543 0-3.3968533 1.46058-3.48836989 3.276.00034611.16806-.00304608.33231 0 .504.16190889-.13042.34340389-.24763.52325589-.336z" transform="translate(12.5 6.75)"/><path d="m5.84302 0h-4.27325c-.20796 0-.42017.0456562-.610468.168-.239251.060281-.412097.167223-.523256.336-.291437.264339-.42663373.71062-.436046 1.26v3.276c.00941227.54979.144609.99566.436046 1.26.111159.16919.284005.27613.523256.336.190298.12152.402508.168.610468.168h4.27325c1.08025-.00946 1.63944-.58942 1.65698-1.764v-3.276c-.01754-1.177051-.57673-1.75495119-1.65698-1.764z" transform="translate(12.25 10.75)"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

4
res/static/img/payment_providers/postepay.svg
View File

@@ -1,4 +0,0 @@
<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="24" rx="4" fill="#F7E224"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3983 7.00271C11.9431 6.99534 11.4907 7.07628 11.0662 7.24107L11.0662 7.24506C10.9522 7.27758 10.8421 7.32261 10.7379 7.37933C10.1622 7.67907 9.64103 8.07393 9.19636 8.54732L9.32958 7.14096H7.68815C7.67788 7.26739 7.67032 7.39111 7.66283 7.51378C7.64602 7.78889 7.62954 8.05877 7.58347 8.34232C7.55143 8.53956 7.51829 8.72907 7.4851 8.91881C7.4493 9.1235 7.41346 9.32845 7.37889 9.54368L5 19.9412L6.81747 19.9173L7.91176 15.15C8.22431 15.601 8.63408 15.9757 9.11072 16.2465C9.62142 16.5024 10.186 16.6316 10.7569 16.6231L11.0804 16.6231C11.7329 16.5775 12.3654 16.4022 12.9265 16.0654C13.619 15.6815 14.1895 15.1098 14.5727 14.4159C14.9693 13.785 15.2481 13.0872 15.3957 12.3564C15.5887 11.6295 15.6531 10.8744 15.5861 10.1253C15.5432 9.26397 15.1899 8.44749 14.5917 7.82745C14.3001 7.54947 13.9556 7.33318 13.5788 7.19148C13.2019 7.04978 12.8005 6.98558 12.3983 7.00271ZM11.0803 8.19458C10.8264 8.27945 10.5836 8.39469 10.3573 8.53778C9.88947 8.87492 9.51329 9.32397 9.26297 9.84402C8.93712 10.4435 8.69537 11.0852 8.54455 11.7509C8.39834 12.3446 8.34062 12.9567 8.37327 13.5673C8.3768 13.8112 8.42933 14.0519 8.52773 14.2751C8.62613 14.4982 8.76838 14.6992 8.946 14.866C9.12362 15.0329 9.33296 15.1622 9.56153 15.2462C9.7901 15.3302 10.0332 15.3672 10.2764 15.355C10.5432 15.3572 10.8234 15.3231 11.0804 15.2513L11.0954 15.2468C11.3257 15.1773 11.5499 15.1097 11.7656 15.0022C12.2406 14.692 12.6287 14.2654 12.8932 13.7627C13.2091 13.2023 13.4506 12.6029 13.6116 11.9798C13.7694 11.3751 13.8272 10.7487 13.7829 10.1253C13.7439 9.58038 13.5284 9.06313 13.1691 8.6522C12.9851 8.46906 12.7657 8.32553 12.5243 8.23044C12.283 8.13534 12.0248 8.09068 11.7656 8.09919C11.5331 8.09842 11.302 8.1338 11.0804 8.20407L11.0803 8.19458ZM22.0564 8.77434C22.2483 8.73447 22.4432 8.71077 22.6392 8.70348C22.8326 8.69861 23.025 8.73251 23.2048 8.80314C23.3846 8.87377 23.5481 8.97966 23.6854 9.11445C23.9698 9.42 24.1297 9.81877 24.1345 10.234C24.167 10.7606 24.1203 11.2891 23.996 11.8022C23.8625 12.3877 23.6672 12.9577 23.4131 13.5028C23.23 13.9071 22.9593 14.2667 22.6201 14.5562C22.4522 14.6935 22.2515 14.7862 22.0373 14.8254V16.5968C22.0868 16.5968 22.1457 16.6049 22.2053 16.6131C22.2663 16.6214 22.3281 16.6299 22.3812 16.6299C23.0811 16.6367 23.7704 16.4613 24.3801 16.1214C24.9897 15.7814 25.4981 15.2889 25.8543 14.6932C26.7752 13.3203 27.1606 11.6635 26.9388 10.0308C26.9299 9.1998 26.6119 8.40107 26.0454 7.78708C25.7617 7.52165 25.4268 7.31543 25.0607 7.18071C24.6947 7.04599 24.3049 6.98553 23.9147 7.00295C23.3556 6.99113 22.8013 7.10754 22.2952 7.34305C22.2194 7.38574 22.1394 7.42056 22.0564 7.44697V8.77434ZM22.0564 8.77434L22.0468 7.44697C21.6123 7.70726 21.2085 8.01463 20.8429 8.36338L20.9098 7.24385H18.3301C18.2632 7.86738 18.0912 8.82157 17.8141 10.0781L15.6118 19.9412H18.4782L19.5769 15.0805C19.8227 15.5627 20.2109 15.9598 20.6901 16.2189C21.1046 16.4386 21.5628 16.566 22.0325 16.5921V14.8207C21.8978 14.8626 21.758 14.8864 21.6168 14.8915C21.4045 14.9007 21.1928 14.8631 20.9969 14.7814C20.8011 14.6997 20.6261 14.576 20.4846 14.4192C20.164 14.0482 19.9818 13.5796 19.9687 13.0918C19.8451 12.0283 20.0748 10.9539 20.6232 10.0308C20.9225 9.44745 21.4348 8.9983 22.0564 8.77434Z" fill="#0054A4"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.3 KiB

1
res/static/img/payment_providers/przelewy24.svg
View File

@@ -1 +0,0 @@
<svg fill="none" height="24" viewBox="0 0 32 24" width="32" xmlns="http://www.w3.org/2000/svg"><rect fill="#d13239" height="24" rx="4" width="32"/><g clip-rule="evenodd" fill-rule="evenodd"><path d="m11.446 7.7201c-.1272-.13466-.3105-.23939-.5125-.32168-.2132-.08229-.4488-.14214-.6807-.18328-.29178-.05237-.57606-.07481-.77804-.08229-.18703-.00748-.30672-.00748-.30672-.00748h-2.55848-1.9039l-1.70566 10.30123h1.59344l.6284-3.8153 3.08963.015s1.20443.0486 2.05723-.404c.8529-.4526 1.081-1.4812 1.081-1.4812s.0935-.3815.1721-.8453c.086-.5125.1721-1.12592.2169-1.45134.0187-.14214.03-.23191.03-.23191s.0224-.10473.0224-.26931c.0037-.22817-.0299-.5723-.2095-.90146-.0636-.11595-.1384-.22069-.2356-.32168zm-1.2269 1.81787c0 .0187-.1421.84533-.32915 1.82533-.07107.3741-.35908.5761-.68825.6471-.54611.116-1.13336.0935-1.13336.0935l-2.58093-.0074.56856-3.42258 2.33779.00748s.1571-.00374.37779 0c.25061.00374.58351.01496.85657.05237.23565.02992.42268.07855.48248.15336.0786.09725.1085.22443.1197.33664.015.16458-.0112.30298-.0112.3142z" fill="#fff"/><path d="m12.9909 10.7349 1.6121.0037.0973-.6246s.172-1.12964.5573-1.34658c.1234-.07107.3217-.13466.5499-.17581.4226-.07481.9575-.08229 1.3952-.06733.6695.02245.9239.02993 1.6046.10848.6808.07855.5087.73687.5087.73687l-.1346.98377s-.0599.4414-.217.7144c-.1384.2431-.5199.4077-.7406.4788-.5311.172-2.349.6359-2.349.6359l-1.4289.4114s-.879.2544-1.369.7967c-.4937.5461-.6882 1.1633-.7556 1.485-.0673.3217-.4451 2.5473-.4451 2.5473l7.7129.0037.2581-1.5411-6.1007.0075.1084-.6284s.0711-.6471.3329-.8603c.0823-.0673.1235-.1571.6097-.3292.2918-.1047 1.2868-.3703 1.2868-.3703l2.3003-.6284s1.2568-.3216 1.7506-1.0099c.4937-.6845.6845-1.9974.6845-1.9974s.1346-1.2755.0299-1.67573c-.101-.40023-.4788-.87901-.9388-1.08474-.4601-.20572-.9389-.32542-2.3266-.30672s-2.076.08229-2.7792.34413c-.7032.25809-1.1109.72939-1.369 1.39519-.2805.63214-.4451 1.99367-.4451 1.99367z" fill="#d4d4d4"/><path d="m27.5113 13.6001 1.081-6.47846h-1.9151l-5.9623 6.40366-.2693 1.6234h5.2142l-.3815 2.2742 1.6009.0037.3778-2.2779 1.4774.0037.2656-1.5523zm-1.5934.0038-3.3702-.0038 4.1033-4.37257z" fill="#d4d4d4"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.1 KiB

12
res/static/img/payment_providers/riverty.svg Normal file
View File

@@ -0,0 +1,12 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4460_61)">
<path d="M50 0H14C6.26801 0 0 6.26801 0 14V50C0 57.732 6.26801 64 14 64H50C57.732 64 64 57.732 64 50V14C64 6.26801 57.732 0 50 0Z" fill="#527A42" style="fill:#527A42;fill:color(display-p3 0.3216 0.4784 0.2588);fill-opacity:1;"/>
<rect x="15" y="24" width="9" height="27" fill="white" style="fill:white;fill-opacity:1;"/>
<rect x="24" y="15" width="27" height="9" fill="white" style="fill:white;fill-opacity:1;"/>
</g>
<defs>
<clipPath id="clip0_4460_61">
<rect width="64" height="64" rx="14" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 701 B

17
res/static/img/payment_providers/satispay.svg Normal file
View File

@@ -0,0 +1,17 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4550_33)">
<path d="M50 0H14C6.26801 0 0 6.26801 0 14V50C0 57.732 6.26801 64 14 64H50C57.732 64 64 57.732 64 50V14C64 6.26801 57.732 0 50 0Z" fill="#F94C43" style="fill:#F94C43;fill:color(display-p3 0.9765 0.2980 0.2627);fill-opacity:1;"/>
<g clip-path="url(#clip1_4550_33)">
<path d="M42.8495 14.95C43.0502 14.75 43.0502 14.35 42.8495 14.15C42.7491 14.05 42.5986 14 42.4481 14H34.0692L38.936 18.85L42.8495 14.95ZM31.1592 26.65L25.1384 20.65L19.7699 26.05L14.1505 31.6C13.9498 31.8 13.9498 32.2 14.1505 32.4L19.7699 38L25.1384 43.35L31.109 37.4L26.0917 32.4L25.7405 32L26.1419 31.6L31.1592 26.65ZM38.936 45.15L34.0692 50H42.3979C42.699 50 42.9498 49.75 42.9498 49.45C42.9498 49.3 42.8997 49.15 42.7993 49.05L38.936 45.15Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path d="M49.8495 31.6L44.2803 26.05L37.9585 19.75L32.3391 14.15C32.2388 14.05 32.1384 14 31.9879 14H21.5519C21.2509 14 21 14.25 21 14.55C21 14.7 21.0502 14.85 21.1505 14.95L25.9671 19.75L31.9879 25.75L37.9083 31.65L38.3097 32.05L37.9083 32.45L31.9879 38.3L25.9671 44.25L21.1505 49.05C20.9498 49.25 20.9498 49.65 21.1505 49.85C21.2509 49.95 21.4014 50 21.5519 50H31.9879C32.1384 50 32.2889 49.95 32.3893 49.85L37.9585 44.3L44.2803 38L49.8495 32.45C50.0502 32.2 50.0502 31.85 49.8495 31.6Z" fill="white" style="fill:white;fill-opacity:1;"/>
</g>
</g>
<defs>
<clipPath id="clip0_4550_33">
<rect width="64" height="64" rx="14" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
<clipPath id="clip1_4550_33">
<rect width="36" height="36" fill="white" style="fill:white;fill-opacity:1;" transform="translate(14 14)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

14
res/static/img/payment_providers/sepa.svg Normal file
View File

@@ -0,0 +1,14 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2250_360)">
<rect width="64" height="64" rx="14" fill="#0054A5" style="fill:#0054A5;fill:color(display-p3 0.0000 0.3294 0.6471);fill-opacity:1;"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.6762 30.3759H15.3882C15.3882 29.8327 15.3249 29.4684 15.1987 29.2828C15.0029 29.0081 14.463 28.8707 13.5792 28.8707C12.7207 28.8707 12.1518 28.9497 11.8741 29.108C11.5966 29.2668 11.4575 29.6121 11.4575 30.1437C11.4575 30.625 11.5807 30.9419 11.8273 31.0937C12.0038 31.2015 12.2373 31.2648 12.5282 31.2838L13.1913 31.3309C14.6123 31.4259 15.4998 31.4927 15.8538 31.5309C16.9778 31.6449 17.7923 31.9456 18.298 32.4333C18.6956 32.8136 18.9328 33.3107 19.0086 33.9246C19.0528 34.2919 19.0749 34.7076 19.0749 35.1693C19.0749 36.2333 18.9739 37.0127 18.7721 37.5067C18.406 38.413 17.5836 38.9855 16.3039 39.2259C15.7678 39.3274 14.9478 39.3782 13.8448 39.3782C12.0033 39.3782 10.7202 39.2679 9.99568 39.0461C9.10641 38.7744 8.52015 38.2242 8.23642 37.3954C8.07838 36.934 8 36.1657 8 35.09H11.2878C11.2878 35.21 11.2883 35.3016 11.2883 35.3648C11.2883 35.9389 11.4521 36.3079 11.7793 36.4725C12.006 36.5858 12.2797 36.6453 12.6014 36.6524H13.8102C14.4269 36.6524 14.8207 36.6205 14.9904 36.5566C15.2927 36.437 15.4911 36.2446 15.5859 35.978C15.6362 35.8138 15.6611 35.6015 15.6611 35.3417C15.6611 34.7597 15.4501 34.4056 15.0286 34.2786C14.871 34.2284 14.1381 34.1584 12.8295 34.0698C11.7785 33.9942 11.0486 33.9216 10.6399 33.8512C9.56347 33.6486 8.8461 33.2317 8.48813 32.5988C8.17333 32.0611 8.01609 31.2475 8.01609 30.1592C8.01609 29.3304 8.101 28.6659 8.27115 28.166C8.44129 27.6661 8.71546 27.2863 9.09382 27.0269C9.64806 26.6282 10.3572 26.3942 11.2205 26.3243C11.9389 26.2612 12.7358 26.229 13.6123 26.229C14.9923 26.229 15.9757 26.309 16.562 26.4672C17.9927 26.8543 18.7079 27.9382 18.7079 29.7193C18.7079 29.8654 18.6973 30.084 18.6762 30.3759Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M36.5463 32.809H38.7496C39.4482 32.7836 39.8731 32.7294 40.026 32.6449C40.2348 32.5293 40.375 32.2977 40.4448 31.9507C40.4894 31.7196 40.5117 31.3759 40.5117 30.9196C40.5117 30.3604 40.4674 29.946 40.3784 29.6755C40.2513 29.2963 39.9468 29.0654 39.4646 28.9815C39.3693 28.9689 39.141 28.9621 38.7794 28.9621H36.5463V32.809ZM33.0122 39.2883V26.0693H38.1632H38.9717H39.5966C40.4998 26.0693 41.189 26.1436 41.6624 26.2919C42.7454 26.6335 43.472 27.3329 43.8443 28.3899C44.0363 28.9446 44.1324 29.7799 44.1324 30.8951C44.1324 32.236 44.0258 33.1996 43.815 33.7863C43.3927 34.9464 42.5235 35.6147 41.2106 35.7879C41.0564 35.8139 40.3996 35.8371 39.2401 35.8557L38.6535 35.8754H36.5463V39.2883H33.0122Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M51.0437 34.4286L49.3877 28.6985L47.7809 34.4286H51.0437ZM51.7455 37.004H47.0203L46.3855 39.2885H42.729L46.6743 26.0693H52.0056L55.9994 39.2885H52.4198L51.7455 37.004Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.2801 27.7421C29.7377 27.7421 31.0386 28.4181 31.8939 29.4769L32.6557 27.8326C31.4641 26.6989 29.8426 26 28.0541 26C25.2693 26 22.887 27.693 21.9095 30.0896H20.4239L19.5468 31.9827H21.4578C21.4435 32.1583 21.4341 32.3341 21.4341 32.5134C21.4341 32.7303 21.4454 32.9448 21.4666 33.1566H20.5063L19.6293 35.0503H21.955C22.9604 37.3863 25.313 39.0262 28.0541 39.0262C29.4354 39.0262 30.7173 38.6096 31.7786 37.8978V35.5771C30.9239 36.5567 29.6738 37.1757 28.2801 37.1757C26.6509 37.1757 25.2179 36.33 24.3836 35.0503H29.2537L30.1308 33.1566H23.667C23.6337 32.9287 23.6158 32.6959 23.6158 32.4587C23.6158 32.2983 23.624 32.1395 23.6394 31.9827H30.6744L31.5514 30.0896H24.2477C25.0555 28.6864 26.5585 27.7421 28.2801 27.7421Z" fill="#FEC10E" style="fill:#FEC10E;fill:color(display-p3 0.9961 0.7569 0.0549);fill-opacity:1;"/>
</g>
<defs>
<clipPath id="clip0_2250_360">
<rect width="64" height="64" rx="14" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

5
res/static/img/payment_providers/sofort.svg
View File

@@ -1,5 +0,0 @@
<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28 0H4C1.79086 0 0 1.79086 0 4V20C0 22.2091 1.79086 24 4 24H28C30.2091 24 32 22.2091 32 20V4C32 1.79086 30.2091 0 28 0Z" fill="#F4B6C7"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.25 17.25H10V6.75H12.25V17.25ZM12.6667 12.0222C14.6631 11.039 15.9534 9.05237 15.9999 6.75088H18.3632C18.3311 8.93615 17.4292 10.9634 15.8415 12.4672L18.9999 17.25H15.9999L12.6667 12.0222Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19 15.7501C19 16.5784 19.6716 17.25 20.5001 17.25C21.3284 17.25 22 16.5784 22 15.7501C22 14.9216 21.3284 14.25 20.5001 14.25C19.6716 14.25 19 14.9216 19 15.7501Z" fill="black"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 736 B

44
res/static/img/payment_providers/twint.svg Normal file
View File

@@ -0,0 +1,44 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2572_321)">
<rect width="64" height="64" rx="14" fill="black" style="fill:black;fill-opacity:1;"/>
<g clip-path="url(#clip1_2572_321)">
<g clip-path="url(#clip2_2572_321)">
<path d="M57 44.8754C56.954 45.6788 56.5254 46.4131 55.8522 46.8494L33.6511 59.7259C33.0156 60.0914 31.9827 60.0914 31.3489 59.7259L9.14782 46.8494C8.51233 46.4839 8 45.6081 8 44.8754V19.1258C8.04434 18.3207 8.468 17.5881 9.14782 17.1502L31.3489 4.27536C31.9827 3.90821 33.0156 3.90821 33.6511 4.27536L55.8522 17.1502C56.486 17.5107 57 18.3915 57 19.1258V44.8754Z" fill="white" style="fill:white;fill-opacity:1;"/>
<path d="M44.0816 32.0582L38.2752 40.5931L35.3129 36.0392L38.7317 30.9074C39.3672 29.9936 40.7268 27.473 39.1554 24.0452C37.8844 21.248 35.1257 19.9161 32.7085 19.9161C30.2897 19.9161 27.6607 21.1575 26.2354 24.0452C24.6327 27.3578 26.0236 29.936 26.6279 30.8168L30.1107 35.9816L32.6822 39.7172L36.551 45.6673C36.5822 45.6986 37.1849 46.637 38.2752 46.637C39.3015 46.637 39.937 45.6986 40.0339 45.608L49.1032 32.1224H44.0816V32.0582ZM32.6822 32.2706L30.1682 28.3538C29.1091 26.6235 30.2897 24.0452 32.6822 24.0452C35.0682 24.0452 36.2489 26.6235 35.1914 28.3538L32.6822 32.2706Z" fill="url(#paint0_radial_2572_321)" style=""/>
<path d="M27.1156 40.3215L21.4257 32.3019L18.9166 28.3851C17.8591 26.6564 19.0398 24.0699 21.4257 24.0699C21.7262 24.0699 22.0021 24.1028 22.2714 24.1934L24.2731 20.5203C23.3618 20.1219 22.3683 19.9095 21.4569 19.9095C19.0398 19.9095 16.4026 21.1575 14.9855 24.0452C13.3811 27.3512 14.7736 29.936 15.3763 30.8168L25.3323 45.608C25.4209 45.7249 26.0564 46.67 27.1156 46.67C28.1731 46.67 28.7757 45.7562 28.8726 45.6344L31.8612 41.0492L29.2963 37.2542L27.1156 40.3215Z" fill="url(#paint1_radial_2572_321)" style=""/>
</g>
</g>
</g>
<defs>
<radialGradient id="paint0_radial_2572_321" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(30.7922 22.2548) scale(26.7522 30.277)">
<stop stop-color="#FFCC00" style="stop-color:#FFCC00;stop-color:color(display-p3 1.0000 0.8000 0.0000);stop-opacity:1;"/>
<stop offset="0.09157" stop-color="#FFC800" style="stop-color:#FFC800;stop-color:color(display-p3 1.0000 0.7843 0.0000);stop-opacity:1;"/>
<stop offset="0.1739" stop-color="#FFBD00" style="stop-color:#FFBD00;stop-color:color(display-p3 1.0000 0.7412 0.0000);stop-opacity:1;"/>
<stop offset="0.2528" stop-color="#FFAB00" style="stop-color:#FFAB00;stop-color:color(display-p3 1.0000 0.6706 0.0000);stop-opacity:1;"/>
<stop offset="0.3295" stop-color="#FF9100" style="stop-color:#FF9100;stop-color:color(display-p3 1.0000 0.5686 0.0000);stop-opacity:1;"/>
<stop offset="0.4046" stop-color="#FF7000" style="stop-color:#FF7000;stop-color:color(display-p3 1.0000 0.4392 0.0000);stop-opacity:1;"/>
<stop offset="0.4786" stop-color="#FF4700" style="stop-color:#FF4700;stop-color:color(display-p3 1.0000 0.2784 0.0000);stop-opacity:1;"/>
<stop offset="0.5503" stop-color="#FF1800" style="stop-color:#FF1800;stop-color:color(display-p3 1.0000 0.0941 0.0000);stop-opacity:1;"/>
<stop offset="0.5822" stop-color="#FF0000" style="stop-color:#FF0000;stop-color:color(display-p3 1.0000 0.0000 0.0000);stop-opacity:1;"/>
<stop offset="1" stop-color="#FF0000" style="stop-color:#FF0000;stop-color:color(display-p3 1.0000 0.0000 0.0000);stop-opacity:1;"/>
</radialGradient>
<radialGradient id="paint1_radial_2572_321" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.6676 23.7988) scale(24.5301 37.2387)">
<stop stop-color="#00B4E6" style="stop-color:#00B4E6;stop-color:color(display-p3 0.0000 0.7059 0.9020);stop-opacity:1;"/>
<stop offset="0.201" stop-color="#00B0E3" style="stop-color:#00B0E3;stop-color:color(display-p3 0.0000 0.6902 0.8902);stop-opacity:1;"/>
<stop offset="0.3898" stop-color="#01A5DB" style="stop-color:#01A5DB;stop-color:color(display-p3 0.0039 0.6471 0.8588);stop-opacity:1;"/>
<stop offset="0.5737" stop-color="#0292CD" style="stop-color:#0292CD;stop-color:color(display-p3 0.0078 0.5725 0.8039);stop-opacity:1;"/>
<stop offset="0.7546" stop-color="#0377BA" style="stop-color:#0377BA;stop-color:color(display-p3 0.0118 0.4667 0.7294);stop-opacity:1;"/>
<stop offset="0.9316" stop-color="#0455A1" style="stop-color:#0455A1;stop-color:color(display-p3 0.0157 0.3333 0.6314);stop-opacity:1;"/>
<stop offset="1" stop-color="#054696" style="stop-color:#054696;stop-color:color(display-p3 0.0196 0.2745 0.5882);stop-opacity:1;"/>
</radialGradient>
<clipPath id="clip0_2572_321">
<rect width="64" height="64" rx="14" fill="white" style="fill:white;fill-opacity:1;"/>
</clipPath>
<clipPath id="clip1_2572_321">
<rect width="49" height="56" fill="white" style="fill:white;fill-opacity:1;" transform="translate(8 4)"/>
</clipPath>
<clipPath id="clip2_2572_321">
<rect width="49" height="56" fill="white" style="fill:white;fill-opacity:1;" transform="translate(8 4)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

24
res/static/style/layout.css
View File

@@ -509,8 +509,7 @@ button,
.button,
input[type="submit"],
input[type="button"],
input[type="color"],
select {
input[type="color"] {
display: inline-flex;
flex-direction: row;
border-radius: 6px;
@@ -544,13 +543,11 @@ button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="color"]:hover,
select:hover,
button:focus,
.button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="color"]:focus,
select:focus {
input[type="color"]:focus {
color: var(--input_text);
text-decoration: none;
background: var(--input_hover_background);
@@ -560,8 +557,7 @@ button:active,
.button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="color"]:active,
select:active {
input[type="color"]:active {
box-shadow: inset 4px 4px 6px var(--shadow_color);
/* Exactly 3px offset compared to the inactive padding to give a depth effect */
padding: 6px 0px 0px 6px;
@@ -586,9 +582,7 @@ input[type="submit"].disabled,
input[type="button"]:disabled,
input[type="button"].disabled,
input[type="color"]:disabled,
input[type="color"].disabled,
select:disabled,
select.disabled {
input[type="color"].disabled {
color: var(--input_disabled_text);
box-shadow: none;
transition: none;
@@ -662,6 +656,7 @@ option {
/* TEXT FIELDS */
textarea,
select,
.groove,
input[type="text"],
input[type="password"],
@@ -686,6 +681,7 @@ input[type="datetime-local"] {
}
textarea:active,
select:active,
input[type="text"]:active,
input[type="password"]:active,
input[type="email"]:active,
@@ -693,6 +689,7 @@ input[type="number"]:active,
input[type="date"]:active,
input[type="datetime-local"]:active,
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
@@ -703,6 +700,7 @@ input[type="datetime-local"]:focus {
}
textarea:disabled,
select:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="email"]:disabled,
@@ -722,6 +720,12 @@ input[type=file] {
height: 0;
}
/* The selected option in multi select */
option:checked {
background-color: var(--highlight_background);
color: var(--highlight_text_color);
}
/* Webkit Scrollbars */
::-webkit-scrollbar {

25
res/template/status.html Normal file
View File

@@ -0,0 +1,25 @@
{{ define "status" }}<!DOCTYPE html>
<html lang="en">
<head>
{{template "meta_tags" "Server status"}}
</head>
<body>
{{template "page_top" .}}
<div id="page_content" class="page_content">
<script type="text/javascript" src="https://static.hetrix.io/iframeResizer/iframeResizer.min.js"></script>
<iframe
class="htframe"
src="https://wl.hetrixtools.com/r/3e1b7bf5ddf9858527cbf209d3d9ef60/"
width="100%"
scrolling="no"
style="border: none; display: block;"
sandbox="allow-scripts allow-same-origin allow-popups"
onload="iFrameResize([{log:false}],'.htframe')"
></iframe>
</div>
{{template "page_bottom" .}}
{{template "analytics"}}
</body>
</html>
{{ end }}

13
svelte/package-lock.json generated
View File

@@ -10,6 +10,7 @@
"dependencies": {
"behave-js": "^1.5.0",
"chart.js": "^4.4.6",
"country-data-list": "^1.4.0",
"pure-color": "^1.3.0",
"rollup-plugin-includepaths": "^0.2.4",
"svelte-preprocess": "^6.0.3",
@@ -2302,9 +2303,9 @@
"license": "MIT"
},
"node_modules/caniuse-lite": {
"version": "1.0.30001677",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001677.tgz",
"integrity": "sha512-fmfjsOlJUpMWu+mAAtZZZHz7UEwsUxIIvu1TJfO1HqFQvB/B+ii0xr9B5HpbZY/mC4XZ8SvjHJqtAY6pDPQEog==",
"version": "1.0.30001712",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001712.tgz",
"integrity": "sha512-MBqPpGYYdQ7/hfKiet9SCI+nmN5/hp4ZzveOJubl5DTAMa5oggjAuoi0Z4onBpKPFI2ePGnQuQIzF3VxDjDJig==",
"devOptional": true,
"funding": [
{
@@ -2436,6 +2437,12 @@
"url": "https://opencollective.com/core-js"
}
},
"node_modules/country-data-list": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/country-data-list/-/country-data-list-1.4.0.tgz",
"integrity": "sha512-3i1Q1onE9MaqYPdtTUzZRZJY7lBXWpud3eWXrw3ckJyvOzXcsFALiy0Z4Giksy5ECpq9ajYijMPxfRZvVP65UA==",
"license": "MIT"
},
"node_modules/cross-spawn": {
"version": "7.0.3",
"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",

1
svelte/package.json
View File

@@ -23,6 +23,7 @@
"dependencies": {
"behave-js": "^1.5.0",
"chart.js": "^4.4.6",
"country-data-list": "^1.4.0",
"pure-color": "^1.3.0",
"rollup-plugin-includepaths": "^0.2.4",
"svelte-preprocess": "^6.0.3",

3
svelte/src/file_viewer/ReportWindow.svelte
View File

@@ -159,7 +159,8 @@ const report_description = () => {
<p>
If you think this file violates pixeldrain's
<a href="/abuse">content policy</a> you can report it for moderation
with this form. Please submit copyright infringement notices through our
with this form. For copyright infringement notices or urgent matters
please use our
<a href="/abuse#toc_2">abuse e-mail address</a>.
</p>
<form on:submit={submit} style="width: 100%" class="report_form">

2
svelte/src/file_viewer/viewers/BandwidthUsage.svelte
View File

@@ -32,7 +32,7 @@ $: transfer_left = $stats.limits.transfer_limit - $stats.limits.transfer_limit_u
<p>
<strong>
<a href="/#pro" target="_blank" class="button button_highlight" rel="noreferrer">
<a href="/user/prepaid/deposit" target="_blank" class="button button_highlight" rel="noreferrer">
<i class="icon">bolt</i> Upgrade your account
</a>
to disable the transfer limit

2
svelte/src/file_viewer/viewers/RateLimit.svelte
View File

@@ -71,7 +71,7 @@ let file = {
<button on:click={() => {dispatch("download")}}>
<i class="icon">download</i> Download
</button>
<a href="/#pro" target="_blank" class="button button_highlight">
<a href="/user/prepaid/deposit" target="_blank" class="button button_highlight">
<i class="icon">bolt</i> Upgrade your account
</a>
</IconBlock>

4
svelte/src/layout/SlowDown.svelte
View File

@@ -37,8 +37,8 @@ export let icon_href = ""
least {formatDuration((file_size/($stats.limits.speed_limit))*1000, 0)}
</li>
<li>
<a href="/#pro" target="_blank" class="button button_highlight">
<i class="icon">bolt</i> Upgrade your account
<a href="/user/prepaid/deposit" target="_blank" class="button button_highlight">
<i class="icon">bolt</i> Get Premium
</a>
and earn my eternal gratitude
{#if !window.user_authenticated}

11
svelte/src/lib/PixeldrainAPI.ts
View File

@@ -114,3 +114,14 @@ export const put_user = async (data: Object) => {
((window as any).user as User)[key] = data[key]
}
}
export type VATRate = {
name: string,
vat: number,
alpha2: string,
alpha3: string,
}
export const get_misc_vat_rate = async (country_code: string) => {
return await check_response(await fetch(get_endpoint() + "/misc/vat_rate/" + country_code)) as VATRate
}

231
svelte/src/user_home/MollieDeposit.svelte
View File

@@ -1,62 +1,74 @@
<script>
<script lang="ts">
import { onMount } from "svelte";
import Euro from "util/Euro.svelte";
import LoadingIndicator from "util/LoadingIndicator.svelte";
import { countries } from "country-data-list";
import { get_endpoint, get_misc_vat_rate } from "lib/PixeldrainAPI";
let loading = false
let amount = 20
let country = null
let country: typeof countries.all[0] = null
let country_input = ""
let vat = 0
$: credit_micro = amount*1e6
$: vat_micro = country === null ? 0 : (amount*1e6)*(country.vat/100)
let countries = [
{name: "Austria", flag: "🇦🇹", vat: 20},
{name: "Belgium", flag: "🇧🇪", vat: 21},
{name: "Bulgaria", flag: "🇧🇬", vat: 20},
{name: "Croatia", flag: "🇭🇷", vat: 25},
{name: "Cyprus", flag: "🇨🇾", vat: 19},
{name: "Czechia", flag: "🇨🇿", vat: 21},
{name: "Denmark", flag: "🇩🇰", vat: 25},
{name: "Estonia", flag: "🇪🇪", vat: 20},
{name: "Finland", flag: "🇫🇮", vat: 24},
{name: "France", flag: "🇫🇷", vat: 20},
{name: "Germany", flag: "🇩🇪", vat: 19},
{name: "Greece", flag: "🇬🇷", vat: 24},
{name: "Hungary", flag: "🇭🇺", vat: 27},
{name: "Ireland", flag: "🇮🇪", vat: 23},
{name: "Italy", flag: "🇮🇹", vat: 22},
{name: "Latvia", flag: "🇱🇻", vat: 21},
{name: "Lithuania", flag: "🇱🇹", vat: 21},
{name: "Luxembourg", flag: "🇱🇺", vat: 16},
{name: "Malta", flag: "🇲🇹", vat: 18},
{name: "Netherlands", flag: "🇳🇱", vat: 21},
{name: "Poland", flag: "🇵🇱", vat: 23},
{name: "Portugal", flag: "🇵🇹", vat: 23},
{name: "Romania", flag: "🇷🇴", vat: 19},
{name: "Slovakia", flag: "🇸🇰", vat: 20},
{name: "Slovenia", flag: "🇸🇮", vat: 22},
{name: "Spain", flag: "🇪🇸", vat: 21},
{name: "Sweden", flag: "🇸🇪", vat: 25},
{name: "Other", flag: "🌐", vat: 0},
]
let amounts = [10, 20, 50, 100, 200, 500, 1000, 2000, 5000]
const set_country = (c) => {
country = c
window.localStorage.setItem("checkout_country", c.name)
}
const amounts = [10, 20, 50, 100, 200, 500, 1000, 2000, 5000]
onMount(() => {
const country_name = window.localStorage.getItem("checkout_country")
for (let i = 0; i < countries.length; i++) {
if (countries[i].name === country_name) {
country = countries[i]
}
const checkout_country = window.localStorage.getItem("checkout_country")
if (countries[checkout_country] !== undefined) {
country_input = checkout_country
set_country()
}
})
const payment_providers = [
{icon: "paypal", name: "PayPal"},
{icon: "creditcard", name: "Credit/debit"},
{icon: "apple_pay", name: "Apple Pay"},
{icon: "google_pay", name: "Google Pay"},
{icon: "bancomat", name: "Bancomat"},
{icon: "bancontact", name: "Bancontact"},
{icon: "belfius", name: "Belfius"},
{icon: "blik", name: "Blik"},
{icon: "eps", name: "EPS"},
{icon: "ideal", name: "iDEAL"},
{icon: "ideal_in3", name: "iDeal in3"},
{icon: "kbc", name: "KBC"},
{icon: "mb_way", name: "MB Way"},
{icon: "multibanco", name: "Multibanco"},
{icon: "p24", name: "Przelewy24"},
{icon: "riverty", name: "Riverty"},
{icon: "satispay", name: "Satispay"},
{icon: "sepa", name: "SEPA Transfer"},
{icon: "twint", name: "Twint"},
]
const set_country = async (e?: Event) => {
loading = true
if (e !== undefined) {
e.preventDefault()
}
if (countries[country_input] === undefined) {
alert("Please enter a valid country code")
return
}
const c = countries[country_input]
// Cache the value for next checkout
window.localStorage.setItem("checkout_country", c.alpha3)
try {
const vat_rate = await get_misc_vat_rate(c.alpha3)
vat = vat_rate.vat*100
country = c
} catch (err) {
alert(err)
} finally {
loading = false
}
}
const checkout = async () => {
loading = true
@@ -66,13 +78,13 @@ const checkout = async () => {
}
const form = new FormData()
form.set("amount", amount*1e6)
form.set("amount", String(amount*1e6))
form.set("network", "mollie")
form.set("country", country.name)
form.set("country", country.alpha2)
try {
const resp = await fetch(
window.api_endpoint+"/user/invoice",
get_endpoint()+"/user/invoice",
{method: "POST", body: form},
)
if(resp.status >= 400) {
@@ -87,6 +99,19 @@ const checkout = async () => {
loading = false
}
}
const format_country = (c: typeof countries.all[0]) => {
let str = ""
if (c.emoji !== undefined) {
str += c.emoji + " "
} else {
str += "🌐 "
}
str += c.name+" "
str += "("+c.alpha2+", "
str += c.alpha3+")"
return str
}
</script>
<div class="highlight_border">
@@ -97,62 +122,43 @@ const checkout = async () => {
<div>
Please pick your country of residence
</div>
<div class="countries">
{#each countries as c}
<button on:click={() => set_country(c)}>
<span class="icon_unicode">{c.flag}</span>
<span>{c.name}</span>
</button>
<div>
<form on:submit|preventDefault={set_country} class="country_form">
<div class="country_search">
<datalist id="country_picker">
{#each countries.all.filter(c => c.status === "assigned") as c}
<option value={c.alpha2}>{format_country(c)}</option>
{/each}
</datalist>
<input
bind:value={country_input}
type="text"
list="country_picker"
placeholder="Search for country"
style="flex: 1 1 auto;">
<button type="submit" class="button_highlight" style="flex: 0 0 auto;">
<i class="icon">send</i>
Continue
</button>
</div>
<select bind:value={country_input} on:dblclick={set_country} style="padding: 0;" size="10">
{#each countries.all.filter(c => c.status === "assigned") as c}
<option value={c.alpha2}>{format_country(c)}</option>
{/each}
</select>
</form>
</div>
<hr/>
<div>
We support the following payment processors
</div>
<div class="processors">
{#each payment_providers as p (p.name)}
<div>
<img class="bankicon" src="/res/img/payment_providers/paypal.svg" alt="PayPal" title="PayPal"/>
PayPal
</div>
<div>
<img class="bankicon" src="/res/img/payment_providers/ideal.svg" alt="iDEAL" title="iDEAL"/>
iDEAL
</div>
<div>
<img class="bankicon" src="/res/img/payment_providers/klarna.svg" alt="Klarna" title="Klarna"/>
Klarna
</div>
<div>
<img class="bankicon" src="/res/img/payment_providers/bancontact.svg" alt="Bancontact" title="Bancontact"/>
Bancontact
</div>
<div>
<img class="bankicon" src="/res/img/payment_providers/banktransfer.svg" alt="SEPA" title="SEPA"/>
SEPA
</div>
<div>
<img class="bankicon" src="/res/img/payment_providers/sofort.svg" alt="SOFORT" title="SOFORT"/>
SOFORT
</div>
<div>
<img class="bankicon" src="/res/img/payment_providers/kbc.svg" alt="KBC/CBC" title="CBC"/>
KBC/CBC
</div>
<div>
<img class="bankicon" src="/res/img/payment_providers/belfius.svg" alt="Belfius" title="Belfius"/>
Belfius
</div>
<div>
<img class="bankicon" src="/res/img/payment_providers/giropay.svg" alt="Giropay" title="Giropay"/>
Giropay
</div>
<div>
<img class="bankicon" src="/res/img/payment_providers/eps.svg" alt="EPS" title="EPS"/>
EPS
</div>
<div>
<img class="bankicon" src="/res/img/payment_providers/przelewy24.svg" alt="Przelewy24" title="Przelewy24"/>
Przelewy24
<img class="bankicon" src="/res/img/payment_providers/{p.icon}.svg" alt={p.name} title={p.name}/>
{p.name}
</div>
{/each}
</div>
{:else}
@@ -165,8 +171,8 @@ const checkout = async () => {
<div style="flex: 1 1 auto;"></div>
<div style="flex: 0 0 auto; display: flex; gap: 0.25em; align-items: center;">
<span>Paying from</span>
<span style="font-size: 1.5em; line-height: 1em;">{country.flag}</span>
<span>{country.name} ({country.vat}% VAT)</span>
<span style="font-size: 1.5em; line-height: 1em;">{country.emoji}</span>
<span>{country.name} ({vat}% VAT)</span>
</div>
</div>
@@ -189,25 +195,40 @@ const checkout = async () => {
<div class="span2" style="text-align: initial;">
Total including VAT:
<Euro amount={credit_micro + vat_micro}/>
<Euro amount={(amount*1e6) + (amount*1e6)*(vat/100)}/>
</div>
<button type="submit" class="button_highlight">
<i class="icon">paid</i> Checkout
</button>
</form>
<hr/>
<p style="text-align: initial;">
This Pixeldrain premium plan costs €1 per month, but due to
processing fees we can't accept payments less than €10. So your
deposit will give roughly 10 months of premium service depending on
usage. You can track your spending on the <a
href="/user/prepaid/transactions">transactions page</a>.
</p>
{/if}
</div>
<style>
.countries {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
.country_form {
display: flex;
flex-direction: column;
margin: auto;
width: 600px;
max-width: 100%;
}
.country_search {
display: flex;
flex-direction: row;
}
.processors {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.processors > div {
display: flex;

3
webcontroller/web_controller.go
View File

@@ -154,6 +154,7 @@ func New(r *httprouter.Router, prefix string, conf Config) (wc *WebController) {
{GET, "100_gigabit_ethernet", wc.serveMarkdown("100_gigabit_ethernet.md", handlerOpts{NoExec: true})},
{GET, "apps" /* */, wc.serveTemplate("apps", handlerOpts{})},
{GET, "speedtest" /* */, wc.serveTemplate("speedtest", handlerOpts{})},
{GET, "status" /* */, wc.serveTemplate("status", handlerOpts{})},
// User account pages
{GET, "login" /* */, wc.serveTemplate("login", handlerOpts{NoEmbed: true})},
@@ -241,7 +242,7 @@ func (wc *WebController) serveTemplate(tpl string, opts handlerOpts) httprouter.
var td = wc.newTemplateData(w, r)
if opts.Auth && !td.Authenticated {
http.Redirect(w, r, "/login", http.StatusSeeOther)
http.Redirect(w, r, "/login?redirect="+url.QueryEscape(r.URL.Path), http.StatusSeeOther)
return
}