mirror of
https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2025-09-04 08:47:23 +08:00
Implement the rest of the welcome step
This commit is contained in:
inpsyde-maticluznar
parent
02ba0b1d48
commit
32bf8a76ec
46 changed files with 933 additions and 2 deletions
12
modules/ppcp-settings/images/icon-button-amex.svg
Normal file
12
modules/ppcp-settings/images/icon-button-amex.svg
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<svg width="39" height="24" viewBox="0 0 39 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2758_23814)">
|
||||
<rect x="0.399902" width="38" height="24" rx="2" fill="white"/>
|
||||
<path d="M34.2973 5.9001L35.0647 3.81349L38.3999 3.79747V0L0.399902 0.0160139V24L38.3999 23.984V20.1945L35.2646 20.2105L34.0414 18.7795L32.7703 20.2105H23.3686V12.5916H20.2666L24.1441 3.81349H27.9175L28.8289 5.80416V3.81349H33.5138L34.2973 5.9001ZM31.6511 7.28317L31.643 6.44372L31.9628 7.28317L33.5218 11.4484H35.0727L36.6397 7.28317L36.9435 6.45173V11.4484L38.3999 11.4324V5.03664L35.8642 5.05265L34.633 8.29851L34.3053 9.1779L33.9695 8.29851L32.7303 5.05265H30.0201V11.4484H31.6511V7.28317ZM28.1414 11.4484H30.0201L27.206 5.05265H25.0235L22.1933 11.4484H24.0481L24.5438 10.2172H27.6457L28.1414 11.4484ZM25.775 7.21923L26.0947 6.41974L26.4145 7.21923L27.0781 8.83411H25.1114L25.775 7.21923ZM24.6797 12.5996V18.9714H30.0201V17.5883H26.3106V16.477H29.9482V15.1019H26.3106V13.9827H30.0201V12.5996H24.6797ZM35.9602 18.9714H38.0788L35.0887 15.7735L38.0788 12.5996H35.9922L34.0654 14.6702L32.1467 12.5996H30.0201L33.0021 15.7975L30.0201 18.9714H32.0828L34.0255 16.8927L35.9602 18.9714ZM36.7676 15.7655L38.3999 17.5883V13.9347L36.7676 15.7655Z" fill="#006FCF"/>
|
||||
</g>
|
||||
<rect x="0.899902" y="0.5" width="37" height="23" rx="1.5" stroke="black" stroke-opacity="0.1"/>
|
||||
<defs>
|
||||
<clipPath id="clip0_2758_23814">
|
||||
<rect x="0.399902" width="38" height="24" rx="2" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
5
modules/ppcp-settings/images/icon-button-apple-pay.svg
Normal file
5
modules/ppcp-settings/images/icon-button-apple-pay.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<svg width="39" height="24" viewBox="0 0 39 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="0.900024" y="0.5" width="37.4" height="23" rx="1.5" fill="white"/>
|
||||
<rect x="0.900024" y="0.5" width="37.4" height="23" rx="1.5" stroke="#DDDDDD"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.1536 8.39239C10.8487 8.75719 10.3609 9.04491 9.87302 9.00381C9.81203 8.51056 10.0509 7.98649 10.3304 7.6628C10.6353 7.28773 11.1689 7.02055 11.6008 7C11.6516 7.5138 11.4534 8.01732 11.1536 8.39239ZM11.5957 9.10142C11.1659 9.07641 10.7738 9.2321 10.457 9.35786C10.2531 9.43879 10.0805 9.50732 9.94921 9.50732C9.80183 9.50732 9.62209 9.43513 9.42028 9.35407C9.15584 9.24785 8.85351 9.12642 8.53647 9.13225C7.80978 9.14253 7.1339 9.5587 6.76293 10.2215C6.00067 11.5471 6.56474 13.5098 7.3016 14.5888C7.66241 15.1231 8.09436 15.7089 8.66352 15.6883C8.91391 15.6788 9.09403 15.6015 9.28044 15.5215C9.49505 15.4294 9.71798 15.3338 10.0661 15.3338C10.4021 15.3338 10.6153 15.4269 10.82 15.5164C11.0145 15.6014 11.2014 15.683 11.4788 15.678C12.0683 15.6678 12.4393 15.1437 12.8001 14.6093C13.1895 14.0358 13.3606 13.4761 13.3865 13.3912L13.3896 13.3814C13.3889 13.3807 13.3841 13.3785 13.3757 13.3746C13.2455 13.3143 12.2506 12.8538 12.2411 11.619C12.2315 10.5826 13.0302 10.0575 13.1559 9.97479C13.1636 9.96976 13.1687 9.96637 13.1711 9.9646C12.6629 9.20418 11.8701 9.12197 11.5957 9.10142ZM15.6764 15.6215V7.61139H18.6493C20.184 7.61139 21.2562 8.68009 21.2562 10.242C21.2562 11.804 20.1636 12.883 18.6086 12.883H16.9062V15.6215H15.6764ZM16.9061 8.65955H18.3239C19.3911 8.65955 20.0009 9.235 20.0009 10.2472C20.0009 11.2594 19.3911 11.84 18.3188 11.84H16.9061V8.65955ZM25.3163 14.6607C24.9911 15.2875 24.2746 15.6831 23.5021 15.6831C22.3587 15.6831 21.5609 14.9946 21.5609 13.9568C21.5609 12.9292 22.3333 12.3383 23.7613 12.251L25.296 12.1585V11.7166C25.296 11.0641 24.8742 10.7096 24.1221 10.7096C23.5021 10.7096 23.0499 11.0333 22.9584 11.5265H21.8506C21.8861 10.4886 22.8517 9.73336 24.1577 9.73336C25.5653 9.73336 26.4801 10.4784 26.4801 11.6344V15.6215H25.3417V14.6607H25.3163ZM23.8326 14.7327C23.177 14.7327 22.7603 14.4141 22.7603 13.926C22.7603 13.4225 23.1618 13.1296 23.9291 13.0834L25.2961 12.996V13.4482C25.2961 14.1983 24.666 14.7327 23.8326 14.7327ZM30.2559 15.9349C29.763 17.3376 29.1989 17.8 27.9996 17.8C27.9081 17.8 27.6032 17.7897 27.5321 17.7691V16.8083C27.6083 16.8186 27.7963 16.8289 27.8929 16.8289C28.4366 16.8289 28.7415 16.5977 28.9296 15.9965L29.0414 15.642L26.9578 9.81042H28.2435L29.6918 14.5425H29.7172L31.1655 9.81042H32.4157L30.2559 15.9349Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
7
modules/ppcp-settings/images/icon-button-bancontact.svg
Normal file
7
modules/ppcp-settings/images/icon-button-bancontact.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 15 KiB |
33
modules/ppcp-settings/images/icon-button-blik.svg
Normal file
33
modules/ppcp-settings/images/icon-button-blik.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 54 KiB |
46
modules/ppcp-settings/images/icon-button-discover.svg
Normal file
46
modules/ppcp-settings/images/icon-button-discover.svg
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
<svg width="39" height="24" viewBox="0 0 39 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2758_23815)">
|
||||
<rect x="0.399902" width="38" height="24" rx="2" fill="white"/>
|
||||
<rect x="0.399902" width="38" height="24" fill="url(#paint0_linear_2758_23815)"/>
|
||||
<path d="M0.399916 0.85334V23.1467C0.399916 23.373 0.399902 24 0.399902 24C0.399902 24 1.01789 24 1.24094 24H24.5709C27.7074 24 30.7155 22.7361 32.9338 20.4862C35.152 18.2363 36.3988 15.1846 36.3999 12.0021C36.3999 10.426 36.0939 8.86529 35.4995 7.40912C34.905 5.95296 34.0337 4.62985 32.9353 3.51535C31.8368 2.40085 30.5328 1.51678 29.0977 0.913615C27.6625 0.310451 26.1243 6.74575e-06 24.5709 6.74575e-06H1.24094C1.01789 6.74575e-06 0.39991 0 0.39991 0C0.39991 0 0.399916 0.627022 0.399916 0.85334Z" fill="white"/>
|
||||
<path d="M4.75728 10.1409H3.3999V14.8589H4.73434C5.34604 14.8927 5.9485 14.6985 6.42437 14.3139C6.69415 14.0945 6.91212 13.8185 7.06279 13.5057C7.21346 13.1928 7.29314 12.8507 7.29616 12.5037C7.29616 11.1127 6.26378 10.1409 4.75728 10.1409ZM5.83554 13.6851C5.48003 13.9724 5.02559 14.1093 4.56993 14.0662H4.32521V10.9412H4.56993C4.79567 10.9184 5.02372 10.9403 5.24092 11.0057C5.45813 11.0711 5.66021 11.1787 5.83554 11.3223C5.99719 11.4724 6.12611 11.6541 6.21425 11.856C6.3024 12.058 6.34789 12.2758 6.3479 12.4961C6.34885 12.7187 6.30386 12.9391 6.21572 13.1436C6.12758 13.3482 5.99817 13.5325 5.83554 13.6851Z" fill="#261F20"/>
|
||||
<path d="M8.64585 10.141H7.72437V14.859H8.64585V10.141Z" fill="#261F20"/>
|
||||
<path d="M10.9019 11.9513C10.3475 11.7493 10.1869 11.6121 10.1869 11.3606C10.1869 11.109 10.4775 10.8347 10.8751 10.8347C11.0198 10.8373 11.1619 10.873 11.2905 10.9391C11.4191 11.0052 11.5308 11.0998 11.6169 11.2158L12.1025 10.5831C11.7195 10.2432 11.2235 10.0571 10.7107 10.061C10.5238 10.0497 10.3366 10.0761 10.1602 10.1385C9.9838 10.201 9.82185 10.2983 9.68406 10.4246C9.54627 10.5509 9.43546 10.7037 9.35826 10.8736C9.28106 11.0436 9.23907 11.2274 9.23478 11.4139C9.23478 12.0618 9.53302 12.3972 10.401 12.7058C10.6211 12.7747 10.8337 12.8654 11.0357 12.9764C11.1214 13.0258 11.1925 13.0969 11.2415 13.1827C11.2906 13.2684 11.3159 13.3656 11.3148 13.4642C11.314 13.5557 11.2944 13.6459 11.2573 13.7296C11.2202 13.8132 11.1663 13.8883 11.099 13.9504C11.0317 14.0125 10.9523 14.0603 10.8658 14.0907C10.7793 14.1211 10.6875 14.1336 10.596 14.1273C10.3852 14.1311 10.1779 14.0737 9.99934 13.962C9.82077 13.8504 9.67867 13.6893 9.59038 13.4985L8.9939 14.0702C9.16086 14.3524 9.40082 14.5848 9.6887 14.743C9.97658 14.9012 10.3018 14.9795 10.6304 14.9696C10.8417 14.9838 11.0537 14.9542 11.2529 14.8826C11.4521 14.811 11.6343 14.6989 11.7877 14.5534C11.9412 14.4079 12.0627 14.2323 12.1446 14.0376C12.2264 13.8429 12.2667 13.6334 12.2631 13.4223C12.2631 12.6754 11.9534 12.3362 10.9019 11.9513Z" fill="#261F20"/>
|
||||
<path d="M12.5575 12.5038C12.5543 12.8306 12.6171 13.1547 12.742 13.4568C12.867 13.7589 13.0515 14.0329 13.2848 14.2625C13.518 14.4922 13.7952 14.6727 14.0998 14.7935C14.4045 14.9143 14.7303 14.9729 15.0581 14.9657C15.458 14.9604 15.851 14.8612 16.2052 14.6761V13.609C16.0668 13.7694 15.8956 13.8983 15.703 13.987C15.5104 14.0758 15.3009 14.1223 15.0887 14.1235C14.8738 14.1326 14.6594 14.0964 14.4594 14.0172C14.2595 13.9381 14.0786 13.8178 13.9285 13.6642C13.7783 13.5107 13.6624 13.3272 13.5883 13.126C13.5141 12.9247 13.4834 12.7101 13.4981 12.4962C13.4899 12.2862 13.5241 12.0767 13.5986 11.8802C13.6731 11.6836 13.7865 11.5039 13.932 11.3518C14.0775 11.1997 14.2521 11.0782 14.4455 10.9946C14.639 10.911 14.8473 10.867 15.0581 10.8651C15.2765 10.8673 15.4918 10.916 15.6896 11.0081C15.8875 11.1001 16.0633 11.2333 16.2052 11.3987V10.3278C15.8542 10.134 15.4593 10.033 15.0581 10.0343C14.7312 10.0328 14.4073 10.0955 14.1047 10.2188C13.8021 10.3421 13.5269 10.5236 13.2946 10.7529C13.0624 10.9822 12.8778 11.2549 12.7513 11.5553C12.6249 11.8557 12.559 12.178 12.5575 12.5038Z" fill="#261F20"/>
|
||||
<path d="M23.5312 13.3117L22.2694 10.141H21.26L23.2712 14.9809H23.7683L25.8101 10.141H24.8121L23.5312 13.3117Z" fill="#261F20"/>
|
||||
<path d="M26.2307 14.859H28.8461V14.0625H27.1522V12.7896H28.7849V11.9893H27.1522V10.9413H28.8461V10.141H26.2307V14.859Z" fill="#261F20"/>
|
||||
<path d="M32.5052 11.5358C32.5052 10.6517 31.8934 10.141 30.8266 10.141H29.4578V14.859H30.3793V12.9535H30.5016L31.7787 14.859H32.9258L31.4346 12.8735C31.7494 12.8263 32.0347 12.6622 32.2333 12.4141C32.4319 12.166 32.529 11.8523 32.5052 11.5358ZM30.6507 12.298H30.3793V10.8841H30.666C31.2396 10.8841 31.5531 11.1242 31.5531 11.5854C31.5531 12.0465 31.2396 12.3132 30.6507 12.3132V12.298Z" fill="#261F20"/>
|
||||
<path d="M33.2389 10.3885C33.2389 10.3086 33.1817 10.2629 33.0824 10.2629H32.9487V10.6778H33.048V10.5179L33.1626 10.6778H33.2847L33.1473 10.5065C33.1742 10.5011 33.1983 10.4862 33.2151 10.4645C33.2319 10.4428 33.2404 10.4159 33.2389 10.3885ZM33.0633 10.4456V10.3391C33.1129 10.3391 33.1397 10.3391 33.1397 10.3923C33.1397 10.4456 33.1129 10.4456 33.0633 10.4456Z" fill="#261F20"/>
|
||||
<path d="M33.1017 10.1029C33.0252 10.128 32.9586 10.1765 32.9114 10.2415C32.8642 10.3065 32.8387 10.3847 32.8387 10.4649C32.8387 10.5452 32.8642 10.6234 32.9114 10.6884C32.9586 10.7534 33.0252 10.8019 33.1017 10.827C33.1782 10.8019 33.2448 10.7534 33.292 10.6884C33.3393 10.6234 33.3647 10.5452 33.3647 10.4649C33.3647 10.3847 33.3393 10.3065 33.292 10.2415C33.2448 10.1765 33.1782 10.128 33.1017 10.1029ZM33.1017 10.7622C33.0226 10.7622 32.9467 10.7309 32.8908 10.6751C32.8349 10.6194 32.8035 10.5438 32.8035 10.4649C32.8035 10.3861 32.8349 10.3105 32.8908 10.2548C32.9467 10.199 33.0226 10.1677 33.1017 10.1677C33.1808 10.1677 33.2567 10.199 33.3126 10.2548C33.3685 10.3105 33.3999 10.3861 33.3999 10.4649C33.3999 10.5438 33.3685 10.6194 33.3126 10.6751C33.2567 10.7309 33.1808 10.7622 33.1017 10.7622Z" fill="#261F20"/>
|
||||
<path d="M21.5239 12.4962C21.5246 12.991 21.3781 13.4748 21.1028 13.8865C20.8274 14.2983 20.4357 14.6193 19.9773 14.809C19.5188 14.9987 19.0141 15.0485 18.5272 14.9521C18.0403 14.8558 17.593 14.6176 17.242 14.2678C16.891 13.9179 16.652 13.4721 16.5553 12.9868C16.4587 12.5015 16.5087 11.9985 16.699 11.5415C16.8893 11.0846 17.2114 10.6942 17.6245 10.4197C18.0375 10.1453 18.523 9.99925 19.0194 10C19.6833 10.001 20.3198 10.2643 20.7892 10.7322C21.2587 11.2001 21.5229 11.8345 21.5239 12.4962Z" fill="url(#paint1_linear_2758_23815)"/>
|
||||
<path style="mix-blend-mode:multiply" opacity="0.65" d="M21.5239 12.4962C21.5246 12.991 21.3781 13.4748 21.1028 13.8865C20.8274 14.2983 20.4357 14.6193 19.9773 14.809C19.5188 14.9987 19.0141 15.0485 18.5272 14.9521C18.0403 14.8558 17.593 14.6176 17.242 14.2678C16.891 13.9179 16.652 13.4721 16.5553 12.9868C16.4587 12.5015 16.5087 11.9985 16.699 11.5415C16.8893 11.0846 17.2114 10.6942 17.6245 10.4197C18.0375 10.1453 18.523 9.99925 19.0194 10C19.6833 10.001 20.3198 10.2643 20.7892 10.7322C21.2587 11.2001 21.5229 11.8345 21.5239 12.4962Z" fill="url(#paint2_linear_2758_23815)"/>
|
||||
</g>
|
||||
<rect x="0.899902" y="0.5" width="37" height="23" rx="1.5" stroke="black" stroke-opacity="0.1"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_2758_23815" x1="19.3999" y1="0" x2="19.3999" y2="24" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#E96418"/>
|
||||
<stop offset="1" stop-color="#F9A020"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_2758_23815" x1="20.3003" y1="14.497" x2="18.5726" y2="11.786" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FF9200"/>
|
||||
<stop offset="0.21" stop-color="#FF8D00"/>
|
||||
<stop offset="0.45" stop-color="#FF8000"/>
|
||||
<stop offset="0.62" stop-color="#FF7100"/>
|
||||
<stop offset="0.82" stop-color="#FF5E00"/>
|
||||
<stop offset="1" stop-color="#FF5200"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_2758_23815" x1="20.025" y1="14.4627" x2="17.5033" y2="9.51306" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FF7100" stop-opacity="0"/>
|
||||
<stop offset="0.03" stop-color="#FF6E00" stop-opacity="0.03"/>
|
||||
<stop offset="0.21" stop-color="#FF5A00" stop-opacity="0.25"/>
|
||||
<stop offset="0.39" stop-color="#FF4900" stop-opacity="0.42"/>
|
||||
<stop offset="0.56" stop-color="#FF3C00" stop-opacity="0.56"/>
|
||||
<stop offset="0.72" stop-color="#FF3300" stop-opacity="0.66"/>
|
||||
<stop offset="0.86" stop-color="#FF2D00" stop-opacity="0.72"/>
|
||||
<stop offset="0.98" stop-color="#FF2B00" stop-opacity="0.74"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_2758_23815">
|
||||
<rect x="0.399902" width="38" height="24" rx="2" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.2 KiB |
11
modules/ppcp-settings/images/icon-button-google-pay.svg
Normal file
11
modules/ppcp-settings/images/icon-button-google-pay.svg
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<svg width="40" height="24" viewBox="0 0 40 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1.29999" y="0.5" width="37.4" height="23" rx="1.5" fill="white"/>
|
||||
<rect x="1.29999" y="0.5" width="37.4" height="23" rx="1.5" stroke="#DDDDDD"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.0755 15.4422V12.2764V12.2758H20.788C21.4941 12.2762 22.0875 12.0544 22.5682 11.6102C23.054 11.1887 23.3256 10.5826 23.3118 9.95093C23.3214 9.32272 23.0503 8.72116 22.5682 8.301C22.0917 7.85443 21.4508 7.61077 20.788 7.62418H18.0389V15.4422H19.0755ZM19.0755 11.3157V8.58666V8.58603H20.8138C21.2012 8.57548 21.5747 8.72654 21.8394 9.00085C22.1057 9.25172 22.256 9.5963 22.256 9.95619C22.256 10.3161 22.1057 10.6607 21.8394 10.9115C21.5714 11.1801 21.1991 11.3268 20.8138 11.3157H19.0755Z" fill="#5F6368"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M27.5146 10.5136C27.0712 10.1168 26.4665 9.91846 25.7003 9.91846C24.7161 9.91846 23.973 10.2678 23.4708 10.9664L24.3837 11.5235C24.7211 11.0502 25.1793 10.8136 25.7583 10.8136C26.1274 10.8094 26.4847 10.9402 26.7588 11.1798C27.0321 11.3987 27.1893 11.7251 27.1869 12.0687V12.2982C26.7886 12.0799 26.2817 11.9707 25.6662 11.9707C24.9451 11.9716 24.3687 12.1354 23.9369 12.4623C23.5051 12.7891 23.2892 13.2293 23.2892 13.7828C23.2798 14.2869 23.5055 14.7681 23.9034 15.0928C24.3129 15.4421 24.8217 15.6168 25.4299 15.6168C26.1424 15.6168 26.7133 15.3111 27.1425 14.6998H27.1876V15.4421H28.179V12.1454C28.1795 11.4542 27.958 10.9103 27.5146 10.5136ZM24.7031 14.4596C24.486 14.308 24.3579 14.064 24.3593 13.8047C24.3593 13.5133 24.5003 13.2707 24.7842 13.0711C25.0654 12.8744 25.4165 12.776 25.8375 12.776C26.4157 12.776 26.8663 12.9008 27.1895 13.1503C27.1895 13.572 27.0178 13.9394 26.6745 14.2525C26.3652 14.5522 25.9459 14.7209 25.5085 14.7216C25.2169 14.7269 24.9323 14.6344 24.7031 14.4596Z" fill="#5F6368"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M33.8705 10.093L30.4093 17.8H29.3393L30.6237 15.1033L28.3478 10.093H29.4745L31.1195 13.9356H31.142L32.7419 10.093H33.8705Z" fill="#5F6368"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.8867 11.5939C14.8871 11.2878 14.8604 10.9823 14.8069 10.6807H10.4353V12.4104H12.9391C12.8356 12.9687 12.5011 13.4617 12.0133 13.7753V14.8981H13.5076C14.3826 14.1165 14.8867 12.9606 14.8867 11.5939Z" fill="#4285F4"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4353 15.9829C11.6862 15.9829 12.7395 15.5849 13.5076 14.8988L12.0133 13.7759C11.5974 14.0492 11.0617 14.2051 10.4353 14.2051C9.22619 14.2051 8.19993 13.4154 7.83296 12.3512H6.29358V13.5083C7.08043 15.0254 8.68294 15.9828 10.4353 15.9829Z" fill="#34A853"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.83297 12.3513C7.63896 11.7936 7.63896 11.1898 7.83297 10.6321V9.47498H6.29359C5.63545 10.7438 5.63545 12.2395 6.29359 13.5084L7.83297 12.3513Z" fill="#FBBC04"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4353 8.7781C11.0964 8.76764 11.7351 9.00964 12.2135 9.4518L13.5366 8.1699C12.6976 7.40643 11.5862 6.98727 10.4353 7.00029C8.68294 7.00037 7.08043 7.95784 6.29358 9.47488L7.83296 10.632C8.19993 9.56782 9.22619 8.7781 10.4353 8.7781Z" fill="#EA4335"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
20
modules/ppcp-settings/images/icon-button-ideal.svg
Normal file
20
modules/ppcp-settings/images/icon-button-ideal.svg
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<svg width="39" height="24" viewBox="0 0 39 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="0.199951" width="38" height="24" rx="2" fill="white"/>
|
||||
<rect x="0.699951" y="0.5" width="37" height="23" rx="1.5" stroke="black" stroke-opacity="0.07"/>
|
||||
<g clip-path="url(#clip0_2758_23819)">
|
||||
<path d="M9.19995 4.30541V19.3046C9.19995 20.0226 9.78739 20.61 10.5054 20.61H19.467C26.2421 20.61 29.1793 16.8178 29.1793 11.7854C29.1793 6.77917 26.2421 3 19.467 3H10.5054C9.78739 3 9.19995 3.58744 9.19995 4.30541Z" fill="white"/>
|
||||
<path d="M15.1984 6.68129V17.7642H20.0219C24.4015 17.7642 26.3009 15.2905 26.3009 11.792C26.3009 8.44359 24.4015 5.84583 20.0219 5.84583H16.0338C15.5704 5.84583 15.1984 6.22439 15.1984 6.68129Z" fill="#CC0066"/>
|
||||
<path d="M19.467 19.4155H11.6737C10.9819 19.4155 10.4205 18.8542 10.4205 18.1623V5.45412C10.4205 4.76225 10.9819 4.20093 11.6737 4.20093H19.467C26.8622 4.20093 27.9653 8.95915 27.9653 11.7919C27.9653 16.7068 24.9432 19.4155 19.467 19.4155ZM11.6737 4.61866C11.2103 4.61866 10.8383 4.9907 10.8383 5.45412V18.1623C10.8383 18.6257 11.2103 18.9978 11.6737 18.9978H19.467C24.6756 18.9978 27.5475 16.4392 27.5475 11.7919C27.5475 5.55203 22.4825 4.61866 19.467 4.61866H11.6737Z" fill="black"/>
|
||||
<path d="M16.8954 10.2973C17.0651 10.2973 17.2218 10.3234 17.3719 10.3756C17.522 10.4278 17.646 10.5127 17.757 10.6171C17.8614 10.7281 17.9463 10.8652 18.0115 11.0218C18.0703 11.185 18.1029 11.3743 18.1029 11.5962C18.1029 11.792 18.0768 11.9682 18.0311 12.1314C17.9789 12.2946 17.9071 12.4382 17.8092 12.5557C17.7113 12.6731 17.5873 12.7645 17.4372 12.8363C17.287 12.9016 17.1108 12.9408 16.9085 12.9408H15.7662V10.2908H16.8954V10.2973ZM16.8563 12.4578C16.9411 12.4578 17.0194 12.4447 17.1043 12.4186C17.1826 12.3925 17.2544 12.3468 17.3132 12.2815C17.3719 12.2163 17.4241 12.1379 17.4633 12.0335C17.5024 11.9291 17.522 11.8116 17.522 11.6615C17.522 11.5309 17.509 11.4069 17.4829 11.3025C17.4567 11.198 17.4111 11.1001 17.3523 11.0283C17.2936 10.9565 17.2152 10.8913 17.1173 10.8521C17.0194 10.8129 16.9019 10.7934 16.7584 10.7934H16.3406V12.4643H16.8563V12.4578Z" fill="white"/>
|
||||
<path d="M20.4591 10.2973V10.7868H19.0624V11.3547H20.3482V11.805H19.0624V12.4512H20.4918V12.9408H18.4814V10.2908H20.4591V10.2973Z" fill="white"/>
|
||||
<path d="M22.4565 10.2972L23.4486 12.9472H22.8416L22.6392 12.3598H21.6471L21.4383 12.9472H20.8508L21.8495 10.2972H22.4565ZM22.4891 11.9225L22.1562 10.9499H22.1497L21.8038 11.9225H22.4891Z" fill="white"/>
|
||||
<path d="M24.395 10.2972V12.4577H25.6873V12.9472H23.8141V10.2972H24.395Z" fill="white"/>
|
||||
<path d="M13.0183 12.8427C13.6924 12.8427 14.2388 12.2963 14.2388 11.6222C14.2388 10.9481 13.6924 10.4016 13.0183 10.4016C12.3442 10.4016 11.7977 10.9481 11.7977 11.6222C11.7977 12.2963 12.3442 12.8427 13.0183 12.8427Z" fill="black"/>
|
||||
<path d="M13.9386 17.7642C12.9138 17.7642 12.0914 16.9353 12.0914 15.9171V14.4746C12.0914 13.9655 12.5026 13.5477 13.0183 13.5477C13.5274 13.5477 13.9451 13.9589 13.9451 14.4746V17.7642H13.9386Z" fill="black"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2758_23819">
|
||||
<rect width="19.9793" height="17.61" fill="white" transform="translate(9.19995 3)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
7
modules/ppcp-settings/images/icon-button-mastercard.svg
Normal file
7
modules/ppcp-settings/images/icon-button-mastercard.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<svg width="39" height="24" viewBox="0 0 39 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="0.5" y="0.5" width="37.4" height="23" rx="1.5" fill="white"/>
|
||||
<rect x="0.5" y="0.5" width="37.4" height="23" rx="1.5" stroke="#DDDDDD"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M31.0004 15.9207V15.6661H30.9345L30.8579 15.8413L30.7813 15.6661H30.7149V15.9207H30.762V15.7288L30.8335 15.8944H30.8823L30.9538 15.7283V15.9207H31.0009H31.0004ZM30.5798 15.9207V15.7094H30.6651V15.6665H30.4483V15.7094H30.5336V15.9207H30.5798ZM31.0143 12.135C31.0143 16.0757 27.8278 19.27 23.8968 19.27C19.9668 19.27 16.7803 16.0757 16.7803 12.135C16.7803 8.19479 19.9668 5 23.8973 5C27.8278 5 31.0143 8.19479 31.0143 12.135Z" fill="#F79F1A"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.234 12.135C22.234 16.0757 19.0475 19.27 15.117 19.27C11.1869 19.27 8 16.0757 8 12.135C8 8.19479 11.1865 5 15.1175 5C19.0475 5 22.234 8.19479 22.234 12.135Z" fill="#EA001B"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5069 6.51794C18.6561 7.18581 17.9685 8.03856 17.4962 9.01158C17.0239 9.9846 16.7792 11.0524 16.7808 12.134C16.7808 14.4141 17.8463 16.445 19.5069 17.7514C21.1675 16.445 22.233 14.4141 22.233 12.134C22.2346 11.0524 21.9899 9.9846 21.5176 9.01158C21.0453 8.03856 20.3577 7.18581 19.5069 6.51794Z" fill="#FF5F01"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
5
modules/ppcp-settings/images/icon-button-paypal.svg
Normal file
5
modules/ppcp-settings/images/icon-button-paypal.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<svg width="38" height="24" viewBox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="38" height="24" rx="2" fill="white"/>
|
||||
<rect x="0.5" y="0.5" width="37" height="23" rx="1.5" stroke="black" stroke-opacity="0.07"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.824 7C24.3002 7 24.705 7.06659 25.0411 7.19978C25.3773 7.33297 25.6605 7.51901 25.8915 7.7579C26.1293 8.00419 26.3148 8.28536 26.4475 8.60089C26.5801 8.91747 26.6462 9.25784 26.6462 9.62358C26.6462 9.98931 26.5801 10.3297 26.4475 10.6463C26.3148 10.9628 26.1298 11.244 25.8915 11.4893C25.6611 11.7281 25.3773 11.9142 25.0411 12.0474C24.705 12.1806 24.3002 12.2472 23.824 12.2472H22.9531V14.9447H21.1166V7H23.824ZM23.5614 10.6146C23.8066 10.6146 23.9947 10.5897 24.1284 10.5406C24.2685 10.484 24.3837 10.4137 24.4746 10.3297C24.6638 10.1537 24.7579 9.91796 24.7579 9.62358C24.7579 9.32919 24.6633 9.09347 24.4746 8.91747C24.3837 8.83344 24.2685 8.76579 24.1284 8.71769C23.9958 8.66114 23.8071 8.63366 23.5614 8.63366H22.9531V10.6156H23.5614V10.6146ZM34.6569 14.9353V7.00119H32.8521V14.9353H34.6569ZM32.186 14.9476V9.67826H30.5815V10.1317C30.3791 9.93459 30.1487 9.78449 29.8897 9.67826C29.6307 9.56621 29.3512 9.50966 29.0505 9.50966C28.6726 9.50966 28.3227 9.58365 28.0014 9.73164C27.6801 9.87223 27.4 10.0694 27.1622 10.322C26.9243 10.5746 26.7357 10.8738 26.5956 11.2178C26.463 11.5545 26.3969 11.9202 26.3969 12.3135C26.3969 12.7067 26.463 13.0761 26.5956 13.4202C26.7351 13.7563 26.9243 14.0523 27.1622 14.3049C27.4 14.5576 27.6801 14.7573 28.0014 14.9053C28.3227 15.0459 28.6726 15.1162 29.0505 15.1162C29.3512 15.1162 29.6307 15.0597 29.8897 14.9476C30.1471 14.8419 30.3791 14.6913 30.5815 14.4941V14.9476H32.186ZM30.1497 13.1765C29.9399 13.4022 29.6709 13.5143 29.3422 13.5143C29.0135 13.5143 28.7413 13.4006 28.5241 13.1765C28.3143 12.9519 28.2086 12.6639 28.2086 12.3124C28.2086 11.9609 28.3143 11.6724 28.5241 11.4483C28.7408 11.2226 29.0145 11.1105 29.3422 11.1105C29.6698 11.1105 29.9399 11.2242 30.1497 11.4483C30.3669 11.6729 30.4747 11.9609 30.4747 12.3124C30.4747 12.6639 30.3669 12.9524 30.1497 13.1765ZM16.3447 9.67667H14.3512V9.67614H14.3502L16.7844 13.9873L14.9796 17.623H16.8161L20.7713 9.67667H18.9248L17.7188 12.2056H17.6982L16.3447 9.67667ZM13.9943 9.67826V14.9476H12.3899V14.4941C12.1874 14.6913 11.9554 14.8419 11.6981 14.9476C11.4391 15.0597 11.1595 15.1162 10.8588 15.1162C10.481 15.1162 10.1311 15.0459 9.80977 14.9053C9.48845 14.7573 9.20835 14.5576 8.97053 14.3049C8.73271 14.0523 8.54351 13.7563 8.40346 13.4202C8.27081 13.0761 8.20475 12.7067 8.20475 12.3135C8.20475 11.9202 8.27081 11.5545 8.40346 11.2178C8.54351 10.8738 8.73218 10.5746 8.97053 10.322C9.20835 10.0694 9.48845 9.87223 9.80977 9.73164C10.1311 9.58365 10.481 9.50966 10.8588 9.50966C11.1595 9.50966 11.4391 9.56621 11.6981 9.67826C11.957 9.78449 12.1874 9.93459 12.3899 10.1317V9.67826H13.9943ZM11.1505 13.5143C11.4793 13.5143 11.7477 13.4022 11.9591 13.1765C12.1763 12.9524 12.2842 12.6639 12.2842 12.3124C12.2842 11.9609 12.1763 11.6729 11.9591 11.4483C11.7493 11.2242 11.4793 11.1105 11.1505 11.1105C10.8218 11.1105 10.5491 11.2226 10.3324 11.4483C10.1226 11.6724 10.0169 11.9609 10.0169 12.3124C10.0169 12.6639 10.1226 12.9519 10.3324 13.1765C10.5497 13.4006 10.8218 13.5143 11.1505 13.5143ZM6.92351 7.20157C6.58739 7.06838 6.18256 7.00179 5.7064 7.00179H3V14.9465H4.83544V12.2489H5.7064C6.18256 12.2489 6.58739 12.1823 6.92351 12.0492C7.25963 11.916 7.54343 11.7299 7.77385 11.491C8.0122 11.2458 8.19717 10.9646 8.32982 10.6481C8.46247 10.3315 8.52853 9.9911 8.52853 9.62537C8.52853 9.25963 8.46247 8.91926 8.32982 8.60268C8.19717 8.28715 8.01167 8.00598 7.77385 7.75969C7.5429 7.5208 7.25963 7.33476 6.92351 7.20157ZM6.01239 10.5423C5.87815 10.5915 5.69054 10.6163 5.44532 10.6163V10.6174H4.83703V8.63545H5.44532C5.69107 8.63545 5.87974 8.66293 6.01239 8.71948C6.15244 8.76758 6.26765 8.83523 6.35855 8.91926C6.54722 9.09526 6.64182 9.33098 6.64182 9.62537C6.64182 9.91975 6.54722 10.1555 6.35855 10.3315C6.26765 10.4155 6.15244 10.4858 6.01239 10.5423Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4 KiB |
7
modules/ppcp-settings/images/icon-button-sepa.svg
Normal file
7
modules/ppcp-settings/images/icon-button-sepa.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<svg width="39" height="24" viewBox="0 0 39 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="0.199982" width="38" height="24" rx="2" fill="#10298E"/>
|
||||
<path d="M19.3422 10.3975V10.3838L19.7395 9.53471C19.0905 8.83787 18.171 8.40063 17.1492 8.40063C15.6606 8.40063 14.3857 9.3252 13.8539 10.6369H13.1045L12.5681 11.7079H13.6015C13.5944 11.8048 13.5874 11.9018 13.5874 12.0006C13.5874 12.108 13.5938 12.2134 13.6028 12.3182H13.1045L12.6351 13.3755H13.8578C14.3928 14.6813 15.6638 15.6 17.1492 15.6C17.9772 15.6 18.7383 15.3111 19.3429 14.8322V13.4724C18.8819 14.0853 18.1601 14.4867 17.3398 14.4867C16.4751 14.4867 15.7121 14.0456 15.2575 13.3755H17.9064L18.4028 12.3182H14.8525C14.8332 12.1926 14.8139 12.0664 14.8139 11.9349C14.8139 11.8844 14.8204 11.8361 14.8269 11.7876C14.8304 11.7612 14.834 11.7347 14.8365 11.7079H18.6707L19.2077 10.6369H15.1764C15.6162 9.88931 16.4152 9.38311 17.3392 9.38311C18.1594 9.38311 18.8806 9.7852 19.3422 10.3975Z" fill="#FFBE00"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M30.1457 14.3241L30.5011 15.5656H32.4726L30.2996 8.40002H27.3886L25.2562 15.5656H27.2148L27.5734 14.3241H30.1457ZM29.7342 12.8875H27.988L28.8643 9.85097L29.7342 12.8875Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.9165 13.6878H23.3381C23.3381 13.6878 24.4919 13.7951 25.0817 13.4971C25.6715 13.1991 25.846 12.6968 25.9265 12.3989C26.0031 12.1174 26.0429 11.1833 26.0472 11.0835L26.0475 11.0754C26.0636 10.7378 26.0559 9.95439 25.6992 9.2543C25.3264 8.52297 24.1359 8.41562 23.6601 8.40195L23.6324 8.4013C23.5242 8.3987 23.4585 8.4013 23.4585 8.4013H20.0248V15.5662H21.9165V13.6878ZM23.2847 9.91862H21.9165V12.0605H23.1752C23.351 12.0592 23.9524 12.03 24.009 11.6949C24.0715 11.3273 24.0683 10.918 24.0676 10.866C24.058 10.7228 24.0393 10.5244 23.9962 10.3123C23.915 9.91862 23.2847 9.91862 23.2847 9.91862Z" fill="white"/>
|
||||
<path d="M10.6733 15.5217C10.6733 15.5217 11.8824 15.4619 12.2179 14.5406C12.5533 13.6186 12.3125 12.3974 12.3125 12.3974C12.3125 12.3974 12.1851 11.5749 11.0126 11.3446C11.0114 11.344 11.0113 11.3425 11.0112 11.3411C11.0111 11.3394 11.0111 11.3378 11.0094 11.3375C10.9469 11.3225 10.7821 11.3043 10.5696 11.2854H10.5677C10.1079 11.2451 9.42931 11.2028 9.052 11.18C9.04456 11.1775 9.03876 11.1748 9.03295 11.1722C9.0267 11.1693 9.02042 11.1664 9.01208 11.1637C8.28773 11.1768 8.27421 10.8521 8.27421 10.8111C8.27421 10.8047 8.27062 10.7894 8.26537 10.7671C8.23699 10.6463 8.16024 10.3196 8.34117 10.0791C8.54786 9.80455 9.37458 9.83968 9.43381 9.84228C9.61152 9.85009 9.85683 9.86441 9.97788 9.88913C10.1788 9.93012 10.3957 10.057 10.3668 10.6621H12.1509V10.1064C12.1509 10.1064 12.1915 9.14414 11.5206 8.76482C10.9778 8.45771 10.3893 8.41738 10.182 8.41282L10.1794 8.41217C10.1794 8.41217 9.10609 8.38484 8.59615 8.41217C8.30641 8.42844 7.92137 8.46943 7.56017 8.57223C7.32194 8.62623 7.08757 8.72123 6.89441 8.89169C6.88939 8.89609 6.88541 8.90137 6.88139 8.90671C6.87768 8.91163 6.87393 8.91661 6.8693 8.92097C6.86514 8.92458 6.86016 8.92735 6.85517 8.93012C6.84936 8.93335 6.84354 8.93659 6.83904 8.94114C6.82616 8.95334 6.82032 8.96529 6.81446 8.97729C6.81094 8.9845 6.80741 8.99173 6.80234 8.99905C6.21964 9.6523 6.32781 10.9204 6.54415 11.679C6.71606 12.2841 7.4153 12.4917 7.74689 12.5581L7.74914 12.5594L7.75139 12.5607C7.77457 12.5646 7.81514 12.5711 7.85506 12.5763C7.8623 12.5773 7.86769 12.5783 7.8726 12.5792C7.87728 12.5801 7.88159 12.5809 7.88661 12.5815C7.8911 12.5821 7.89559 12.5826 7.90008 12.5831C7.90458 12.5836 7.90914 12.5841 7.91365 12.5847C7.91558 12.5847 7.92459 12.586 7.92459 12.586C8.37466 12.6407 9.42029 12.7155 9.88388 12.7468L9.88452 12.7513C9.88452 12.7513 9.89482 12.75 9.90963 12.7487C10.0024 12.7549 10.0666 12.7594 10.094 12.7614L10.1079 12.7624C10.2837 12.7949 10.5001 12.8984 10.5013 13.2256L10.5015 13.2629C10.5034 13.6392 10.5038 13.7358 10.4608 13.7975C10.4337 13.8132 10.4099 13.8346 10.3938 13.8626C10.3108 14.0051 10.0094 14.0435 9.78987 14.0532H8.62319C8.12677 13.9849 8.14029 13.4429 8.14029 13.4429V13.2256H6.36966V13.4969C6.36966 13.4969 6.31557 14.6492 6.87896 15.0695C7.36636 15.4326 7.88725 15.5276 8.62319 15.5478V15.5575H9.4145C9.4145 15.5575 10.1067 15.5894 10.6733 15.5204V15.5217Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.1 KiB |
12
modules/ppcp-settings/images/icon-button-venmo.svg
Normal file
12
modules/ppcp-settings/images/icon-button-venmo.svg
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<svg width="38" height="24" viewBox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2758_23809)">
|
||||
<rect width="38" height="24" rx="2" fill="white"/>
|
||||
<path d="M6.72947 9.22627C6.84714 9.48544 6.92227 9.80001 6.92227 10.262C6.92227 11.1059 6.35497 12.3436 5.89538 13.1312L5.40344 8.96711L3.37207 9.1699L4.30256 15.0217H6.62244C7.63823 13.6151 8.88959 11.612 8.88959 10.0699C8.88959 9.58647 8.7932 9.20382 8.57936 8.83215L6.72947 9.22603V9.22627ZM12.3239 8.85461C10.2068 8.85461 9.17992 10.7906 9.17992 12.6135C9.17992 14.0202 9.81126 15.1455 11.5752 15.1455C12.2705 15.1455 12.9869 14.9878 13.4465 14.7516L13.6923 12.9964C13.0399 13.3452 12.5378 13.4799 12.0137 13.4799C11.5322 13.4799 11.1692 13.2105 11.1692 12.5235C12.2601 12.5123 14.1415 12.04 14.1415 10.498C14.1415 9.54157 13.4898 8.85461 12.3242 8.85461H12.3239ZM11.212 11.4092C11.2656 10.7342 11.7569 10.2617 12.1311 10.2617C12.3452 10.2617 12.5267 10.3964 12.5267 10.6666C12.5267 11.2291 11.5856 11.409 11.2117 11.409L11.212 11.4092ZM18.645 8.85485C17.8863 8.85485 17.3513 9.15915 16.9451 9.44029L16.9234 8.95612H15.2018L14.2931 15.022H16.2821L16.9128 10.7684C17.0839 10.6781 17.3407 10.5543 17.5968 10.5543C17.7899 10.5543 17.9503 10.6217 17.9503 10.8918C17.9503 11.0043 17.9179 11.2071 17.9073 11.3079L17.3513 15.022H19.3293L19.9389 10.9704C19.9713 10.7571 20.0036 10.4306 20.0036 10.2056C20.0036 9.39491 19.6502 8.85461 18.645 8.85485ZM27.7145 8.85461C26.9771 8.85461 26.4421 9.09132 25.8755 9.51864C25.6718 9.13598 25.2659 8.85461 24.6456 8.85485C23.9292 8.85485 23.395 9.15915 22.9992 9.4625L22.9458 8.95612H21.2452L20.3365 15.022H22.3249L22.956 10.7684C23.127 10.6781 23.3834 10.5543 23.64 10.5543C23.8321 10.5543 23.9928 10.6217 23.9928 10.926C23.9928 11.0043 23.9715 11.1281 23.9611 11.2296L23.3945 15.022H25.3725L26.0031 10.7684C26.1855 10.6668 26.431 10.5543 26.6768 10.5543C26.8696 10.5543 27.0302 10.6217 27.0302 10.926C27.0302 11.0043 27.0083 11.1281 26.9979 11.2296L26.4313 15.022H28.4097L29.0186 10.9704C29.051 10.7571 29.0833 10.4306 29.0833 10.2056C29.0833 9.39491 28.7301 8.85461 27.7145 8.85461ZM32.7743 8.85461C30.5607 8.85461 29.5986 10.6446 29.5986 12.5574C29.5986 14.009 30.1546 15.1684 31.8332 15.1684C34.1001 15.1684 35.0518 13.2105 35.0518 11.3196C35.0518 9.8903 34.4422 8.85461 32.774 8.85461H32.7743ZM32.111 13.559C31.7585 13.559 31.6087 13.2102 31.6087 12.647C31.6087 11.9044 31.7689 10.4528 32.5496 10.4528C32.9021 10.4528 33.0198 10.7903 33.0198 11.2857C33.0198 12.0283 32.8487 13.5592 32.1108 13.5592L32.111 13.559Z" fill="#008CFF"/>
|
||||
</g>
|
||||
<rect x="0.5" y="0.5" width="37" height="23" rx="1.5" stroke="black" stroke-opacity="0.07"/>
|
||||
<defs>
|
||||
<clipPath id="clip0_2758_23809">
|
||||
<rect width="38" height="24" rx="2" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
8
modules/ppcp-settings/images/icon-button-visa.svg
Normal file
8
modules/ppcp-settings/images/icon-button-visa.svg
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<svg width="38" height="24" viewBox="0 0 38 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="38" height="24" rx="2" fill="white"/>
|
||||
<rect x="0.5" y="0.5" width="37" height="23" rx="1.5" stroke="black" stroke-opacity="0.07"/>
|
||||
<path d="M17.0147 16.3528H14.7219L16.156 7.95239H18.4486L17.0147 16.3528Z" fill="#1C34C3"/>
|
||||
<path d="M25.3256 8.15769C24.8734 7.98772 24.1561 7.80005 23.2692 7.80005C21.005 7.80005 19.4106 8.94388 19.4009 10.5792C19.3821 11.7857 20.5424 12.4559 21.4103 12.8582C22.2973 13.2693 22.5988 13.5376 22.5988 13.904C22.5898 14.4668 21.8821 14.7262 21.2219 14.7262C20.3066 14.7262 19.8161 14.5925 19.0707 14.2794L18.7688 14.1451L18.448 16.0309C18.9857 16.263 19.9765 16.4689 21.005 16.4779C23.4108 16.4779 24.977 15.3518 24.9955 13.6091C25.0047 12.6528 24.392 11.9201 23.071 11.3213C22.2691 10.937 21.778 10.6778 21.778 10.2845C21.7874 9.927 22.1934 9.56081 23.0986 9.56081C23.8439 9.54287 24.3916 9.71261 24.8065 9.88246L25.0138 9.97166L25.3256 8.15769Z" fill="#1C34C3"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.4301 7.95239H31.2036L33.0532 16.3527H30.9304C30.9304 16.3527 30.7226 15.3875 30.6568 15.0926H27.7131C27.628 15.3159 27.2319 16.3527 27.2319 16.3527H24.8262L28.2318 8.64938C28.4677 8.10419 28.8832 7.95239 29.4301 7.95239ZM29.2888 11.0265C29.2888 11.0265 28.5623 12.8943 28.3734 13.3769H30.2792C30.1849 12.9569 29.7507 10.9461 29.7507 10.9461L29.5905 10.2222C29.523 10.4086 29.4254 10.6649 29.3596 10.8377C29.315 10.9549 29.285 11.0337 29.2888 11.0265Z" fill="#1C34C3"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.78774 7.95239H8.47656C8.97656 7.97009 9.38228 8.12201 9.5143 8.65853L10.316 12.5182C10.3161 12.5184 10.3161 12.5187 10.3162 12.5189L10.5616 13.6807L12.8069 7.95239H15.2313L11.6275 16.3439H9.20299L7.15945 9.04468C6.45438 8.65416 5.64969 8.34008 4.75 8.12213L4.78774 7.95239Z" fill="#1C34C3"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
|
|
@ -0,0 +1,5 @@
|
|||
<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="0.000488281" width="58" height="58" rx="3" fill="white"/>
|
||||
<rect x="0.5" y="0.500488" width="57" height="57" rx="2.5" stroke="black" stroke-opacity="0.07"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.6557 23.0408C15.1747 23.6163 14.405 24.0702 13.6354 24.0053C13.5392 23.2272 13.916 22.4005 14.3569 21.8898C14.8379 21.2981 15.6797 20.8767 16.3611 20.8442C16.4413 21.6548 16.1286 22.4491 15.6557 23.0408ZM16.3527 24.1591C15.6747 24.1197 15.056 24.3653 14.5563 24.5637C14.2347 24.6914 13.9624 24.7995 13.7552 24.7995C13.5228 24.7995 13.2392 24.6856 12.9208 24.5577C12.5037 24.3901 12.0267 24.1986 11.5266 24.2078C10.3802 24.224 9.31398 24.8805 8.72875 25.9261C7.52624 28.0173 8.4161 31.1136 9.57853 32.8157C10.1477 33.6587 10.8291 34.5827 11.727 34.5503C12.122 34.5352 12.4062 34.4133 12.7002 34.2871C13.0388 34.1419 13.3905 33.991 13.9396 33.991C14.4697 33.991 14.8061 34.1379 15.1289 34.279C15.4359 34.4131 15.7307 34.5419 16.1683 34.534C17.0982 34.5178 17.6835 33.6911 18.2526 32.8481C18.8669 31.9434 19.1368 31.0604 19.1778 30.9264L19.1826 30.9109C19.1816 30.9099 19.174 30.9064 19.1607 30.9003L19.1607 30.9003L19.1606 30.9002C18.9553 30.8052 17.3859 30.0788 17.3708 28.1308C17.3557 26.4957 18.6156 25.6673 18.814 25.5369C18.826 25.529 18.8342 25.5236 18.8379 25.5208C18.0362 24.3212 16.7856 24.1916 16.3527 24.1591ZM22.7899 34.4452V21.8089H27.4797C29.9007 21.8089 31.5923 23.4948 31.5923 25.9589C31.5923 28.4229 29.8687 30.125 27.4155 30.125H24.7299V34.4452H22.7899ZM24.7298 23.4621H26.9665C28.65 23.4621 29.612 24.3699 29.612 25.9667C29.612 27.5634 28.65 28.4793 26.9585 28.4793H24.7298V23.4621ZM37.9971 32.9291C37.4841 33.9179 36.3537 34.542 35.1352 34.542C33.3314 34.542 32.0728 33.4559 32.0728 31.8186C32.0728 30.1976 33.2913 29.2654 35.544 29.1276L37.9651 28.9818V28.2847C37.9651 27.2553 37.2997 26.696 36.1132 26.696C35.1352 26.696 34.4217 27.2067 34.2774 27.9848H32.5297C32.5858 26.3475 34.109 25.156 36.1693 25.156C38.3899 25.156 39.833 26.3313 39.833 28.155V34.4448H38.0372V32.9291H37.9971ZM35.6573 33.0428C34.6232 33.0428 33.9658 32.5403 33.9658 31.7703C33.9658 30.976 34.5991 30.514 35.8096 30.441L37.9661 30.3032V31.0165C37.9661 32.1999 36.9721 33.0428 35.6573 33.0428ZM45.7894 34.9398C45.0118 37.1525 44.1219 37.882 42.23 37.882C42.0857 37.882 41.6047 37.8658 41.4924 37.8334V36.3177C41.6127 36.3339 41.9093 36.3501 42.0616 36.3501C42.9194 36.3501 43.4004 35.9854 43.697 35.037L43.8734 34.4778L40.5865 25.2781H42.6148L44.8996 32.7432H44.9396L47.2244 25.2781H49.1965L45.7894 34.9398Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
|
|
@ -0,0 +1,6 @@
|
|||
<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="0.000488281" width="58" height="58" rx="3" fill="white"/>
|
||||
<rect x="0.5" y="0.500488" width="57" height="57" rx="2.5" stroke="black" stroke-opacity="0.07"/>
|
||||
<path d="M43.8324 25.8711H42.058H33.8477H32.0734L30.8704 27.2244L26.9908 31.6002L25.7878 32.9536H24.0134H15.9535H14.1792L15.3521 31.5852L15.9084 30.9386L17.0813 29.5702H15.3069H13.0213H11.7431C10.7657 29.5702 9.96875 30.3973 9.96875 31.3897V34.9084V35.2392C9.96875 36.2467 10.7657 37.0587 11.7431 37.0587H12.2394H30.8854H32.2237C33.2012 37.0587 34.5395 36.4422 35.1861 35.7054L38.2837 32.1867L43.8324 25.8711Z" fill="#004E91"/>
|
||||
<path d="M46.1945 21.7655C47.1719 21.7655 47.9689 22.5926 47.9689 23.585V27.4345C47.9689 28.442 47.1719 29.254 46.1945 29.254H45.2321H42.6307H40.8563L42.0443 27.9007L42.6307 27.224L43.8186 25.8707H32.0596L25.7891 32.9381H14.1052L22.4809 23.4647L22.7967 23.1038C23.4583 22.367 24.7966 21.7505 25.7741 21.7505H26.1801H46.1945V21.7655Z" fill="#FFDD00"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1 KiB |
35
modules/ppcp-settings/images/icon-payment-method-blik.svg
Normal file
35
modules/ppcp-settings/images/icon-payment-method-blik.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 54 KiB |
52
modules/ppcp-settings/images/icon-payment-method-cards.svg
Normal file
52
modules/ppcp-settings/images/icon-payment-method-cards.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 14 KiB |
9
modules/ppcp-settings/images/icon-payment-method-eps.svg
Normal file
9
modules/ppcp-settings/images/icon-payment-method-eps.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="0.000732422" width="58" height="58" rx="3" fill="white"/>
|
||||
<rect x="0.5" y="0.500732" width="57" height="57" rx="2.5" stroke="black" stroke-opacity="0.07"/>
|
||||
<path d="M44.3201 29.4307H40.9228C40.5449 29.4307 40.2375 29.1296 40.2375 28.7527C40.2375 28.3758 40.5449 28.044 40.9228 28.044H46.0949V25.4927H40.9228C39.1176 25.4927 37.6488 26.9644 37.6488 28.7651C37.6488 30.5658 39.1176 32.0375 40.9228 32.0375H44.2739C44.6518 32.0375 44.9592 32.3373 44.9592 32.7142C44.9592 33.0911 44.6517 33.3686 44.2739 33.3686H37.0878C36.4777 34.5334 35.8845 35.5317 34.6802 36.0309H44.3201C46.0949 36.0054 47.5468 34.5033 47.5468 32.7185C47.5468 30.9339 46.0949 29.4562 44.3201 29.4307Z" fill="#71706F"/>
|
||||
<path d="M31.2969 25.4927C28.4175 25.4927 26.0723 27.8519 26.0723 30.7507V30.8616V41.6883H28.6791V36.0309H31.2914C34.1709 36.0309 36.5078 33.6404 36.5078 30.7415C36.5077 27.8427 34.1763 25.4927 31.2969 25.4927ZM31.2969 33.3686H28.6791V30.7415C28.6791 29.2735 29.8479 28.0791 31.2969 28.0791C32.7459 28.0791 33.9246 29.2735 33.9246 30.7415C33.9246 32.2096 32.7459 33.3686 31.2969 33.3686Z" fill="#71706F"/>
|
||||
<path d="M17.8193 36.0308C15.3545 36.0308 13.2822 34.2744 12.7215 31.9798C12.7215 31.9798 12.5595 31.2212 12.5595 30.7216C12.5595 30.2221 12.7128 29.4556 12.7128 29.4556C13.2776 27.1667 15.3473 25.4623 17.8081 25.4623C20.7023 25.4623 23.0772 27.815 23.0772 30.7091V31.9819H15.3879C15.842 32.8693 16.7603 33.3685 17.8193 33.3685H24.7316L24.7411 25.8631C24.7411 24.7441 23.8257 23.8286 22.7067 23.8286H12.9095C11.7906 23.8286 10.875 24.7164 10.875 25.8354V35.6325C10.875 36.7515 11.7906 37.6947 12.9095 37.6947H22.7067C23.7109 37.6947 24.5485 36.9737 24.7104 36.0308H17.8193Z" fill="#C8036F"/>
|
||||
<path d="M17.8079 27.9526C16.753 27.9526 15.8356 28.5985 15.3796 29.4304H20.2363C19.7804 28.5985 18.863 27.9526 17.8079 27.9526Z" fill="#C8036F"/>
|
||||
<path d="M22.2452 20.6427C22.2452 18.2516 20.2581 16.3132 17.8068 16.3132C15.3961 16.3132 13.4355 18.1882 13.3711 20.5245C13.3701 20.5344 13.3709 20.544 13.3709 20.5542V21.8552C13.3709 22.0109 13.4977 22.1647 13.6572 22.1647H15.2901C15.4496 22.1647 15.5895 22.0109 15.5895 21.8552V20.6427C15.5895 19.4487 16.584 18.4772 17.8081 18.4772C19.0322 18.4772 20.0267 19.4487 20.0267 20.6427V21.8552C20.0267 22.0109 20.1561 22.1647 20.3156 22.1647H21.9486C22.1081 22.1647 22.2452 22.0109 22.2452 21.8552V20.6427Z" fill="#C8036F"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 13 KiB |
|
|
@ -0,0 +1,11 @@
|
|||
<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="0.000488281" width="58" height="58" rx="3" fill="white"/>
|
||||
<rect x="0.5" y="0.500488" width="57" height="57" rx="2.5" stroke="black" stroke-opacity="0.07"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.1926 34.1615V29.1674V29.1665H30.8942C32.0081 29.1671 32.9442 28.8171 33.7025 28.1165C34.4689 27.4515 34.8974 26.4954 34.8756 25.4989C34.8908 24.5079 34.4631 23.5589 33.7025 22.896C32.9508 22.1916 31.9398 21.8072 30.8942 21.8283H26.5574V34.1615H28.1926ZM28.1929 27.6524V23.3471V23.3461H30.9351C31.5463 23.3295 32.1355 23.5678 32.5531 24.0005C32.9732 24.3963 33.2102 24.9399 33.2102 25.5076C33.2102 26.0753 32.9732 26.6189 32.5531 27.0147C32.1304 27.4383 31.543 27.6698 30.9351 27.6524H28.1929Z" fill="#5F6368"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.5056 26.387C40.8061 25.7612 39.8521 25.4482 38.6434 25.4482C37.0908 25.4482 35.9184 25.9993 35.1262 27.1015L36.5664 27.9802C37.0986 27.2337 37.8214 26.8604 38.7348 26.8604C39.3172 26.8538 39.8808 27.06 40.3132 27.438C40.7443 27.7834 40.9923 28.2983 40.9886 28.8403V29.2024C40.3602 28.858 39.5606 28.6858 38.5896 28.6858C37.4521 28.6871 36.5427 28.9456 35.8616 29.4612C35.1804 29.9769 34.8398 30.6713 34.8398 31.5445C34.825 32.3396 35.1809 33.0988 35.8087 33.611C36.4547 34.1621 37.2574 34.4376 38.2169 34.4376C39.3409 34.4376 40.2414 33.9554 40.9185 32.991H40.9896V34.1621H42.5537V28.9613C42.5544 27.871 42.205 27.0129 41.5056 26.387ZM37.0703 32.6125C36.7278 32.3732 36.5257 31.9883 36.528 31.5792C36.528 31.1196 36.7504 30.7368 37.1983 30.4219C37.6418 30.1116 38.1957 29.9565 38.8599 29.9565C39.772 29.9565 40.4829 30.1533 40.9928 30.5469C40.9928 31.2121 40.7219 31.7917 40.1803 32.2857C39.6924 32.7585 39.0309 33.0246 38.3409 33.0258C37.8809 33.0341 37.432 32.8881 37.0703 32.6125Z" fill="#5F6368"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M51.5326 25.724L46.0724 37.882H44.3844L46.4107 33.628L42.8203 25.724H44.5977L47.1927 31.7858H47.2283L49.7522 25.724H51.5326Z" fill="#5F6368"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.5843 28.0914C21.5849 27.6086 21.5427 27.1266 21.4583 26.6508H14.562V29.3796H18.5119C18.3486 30.2602 17.821 31.038 17.0514 31.5327V33.304H19.4087C20.789 32.071 21.5843 30.2475 21.5843 28.0914Z" fill="#4285F4"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5625 35.0146C16.5359 35.0146 18.1976 34.3868 19.4092 33.3043L17.0519 31.533C16.3958 31.964 15.5508 32.21 14.5625 32.21C12.6551 32.21 11.0362 30.9642 10.4572 29.2854H8.02881V31.1108C9.2701 33.504 11.7981 35.0145 14.5625 35.0146Z" fill="#34A853"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4571 29.2863C10.1511 28.4066 10.1511 27.4539 10.4571 26.5742V24.7488H8.02868C6.99044 26.7505 6.99044 29.11 8.02868 31.1117L10.4571 29.2863Z" fill="#FBBC04"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5625 23.6493C15.6054 23.6328 16.6131 24.0145 17.3678 24.7121L19.4549 22.6898C18.1315 21.4854 16.3781 20.8242 14.5625 20.8447C11.7981 20.8448 9.2701 22.3553 8.02881 24.7485L10.4572 26.5739C11.0362 24.8951 12.6551 23.6493 14.5625 23.6493Z" fill="#EA4335"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
20
modules/ppcp-settings/images/icon-payment-method-ideal.svg
Normal file
20
modules/ppcp-settings/images/icon-payment-method-ideal.svg
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="0.000488281" width="58" height="58" rx="3" fill="white"/>
|
||||
<rect x="0.5" y="0.500488" width="57" height="57" rx="2.5" stroke="black" stroke-opacity="0.07"/>
|
||||
<g clip-path="url(#clip0_3277_11784)">
|
||||
<path d="M9 13.5955V43.6249C9 45.0623 10.1761 46.2384 11.6135 46.2384H29.5554C43.1196 46.2384 49 38.6461 49 28.571C49 18.5481 43.1196 10.9819 29.5554 10.9819H11.6135C10.1761 10.9819 9 12.158 9 13.5955Z" fill="white"/>
|
||||
<path d="M21.0078 18.3528V40.5417H30.6648C39.4332 40.5417 43.2358 35.589 43.2358 28.5848C43.2358 21.8811 39.4332 16.6802 30.6648 16.6802H22.6805C21.7527 16.6802 21.0078 17.4381 21.0078 18.3528Z" fill="#CC0066"/>
|
||||
<path d="M29.5561 43.8352H13.9533C12.5682 43.8352 11.4443 42.7113 11.4443 41.3262V15.8835C11.4443 14.4983 12.5682 13.3745 13.9533 13.3745H29.5561C44.3617 13.3745 46.5701 22.9008 46.5701 28.5722C46.5701 38.4121 40.5198 43.8352 29.5561 43.8352ZM13.9533 14.2108C13.0255 14.2108 12.2807 14.9557 12.2807 15.8835V41.3262C12.2807 42.254 13.0255 42.9988 13.9533 42.9988H29.5561C39.984 42.9988 45.7338 37.8763 45.7338 28.5722C45.7338 16.0795 35.5933 14.2108 29.5561 14.2108H13.9533Z" fill="black"/>
|
||||
<path d="M24.4023 25.5966C24.7421 25.5966 25.0557 25.6488 25.3562 25.7534C25.6568 25.8579 25.9051 26.0278 26.1272 26.2369C26.3363 26.459 26.5062 26.7334 26.6369 27.0471C26.7545 27.3738 26.8198 27.7527 26.8198 28.197C26.8198 28.5891 26.7676 28.9419 26.6761 29.2686C26.5715 29.5953 26.4278 29.8827 26.2318 30.118C26.0358 30.3532 25.7875 30.5361 25.4869 30.6799C25.1864 30.8105 24.8335 30.889 24.4284 30.889H22.1416V25.5835H24.4023V25.5966ZM24.3239 29.9219C24.4938 29.9219 24.6506 29.8958 24.8205 29.8435C24.9773 29.7913 25.121 29.6998 25.2386 29.5691C25.3562 29.4384 25.4608 29.2816 25.5392 29.0726C25.6176 28.8635 25.6568 28.6283 25.6568 28.3277C25.6568 28.0663 25.6307 27.8181 25.5784 27.609C25.5261 27.3999 25.4346 27.2039 25.317 27.0601C25.1994 26.9164 25.0426 26.7857 24.8466 26.7073C24.6506 26.6289 24.4154 26.5897 24.1279 26.5897H23.2916V29.935H24.3239V29.9219Z" fill="white"/>
|
||||
<path d="M31.5357 25.5966V26.5766H28.7392V27.7135H31.3135V28.6152H28.7392V29.9089H31.601V30.889H27.5762V25.5835H31.5357V25.5966Z" fill="white"/>
|
||||
<path d="M35.5369 25.5952L37.5232 30.9007H36.3079L35.9028 29.7246H33.9165L33.4984 30.9007H32.3223L34.3216 25.5952H35.5369ZM35.6022 28.8491L34.9358 26.902H34.9227L34.2301 28.8491H35.6022Z" fill="white"/>
|
||||
<path d="M39.4189 25.5952V29.9206H42.0063V30.9007H38.2559V25.5952H39.4189Z" fill="white"/>
|
||||
<path d="M16.6458 30.6925C17.9954 30.6925 19.0894 29.5984 19.0894 28.2488C19.0894 26.8992 17.9954 25.8052 16.6458 25.8052C15.2962 25.8052 14.2021 26.8992 14.2021 28.2488C14.2021 29.5984 15.2962 30.6925 16.6458 30.6925Z" fill="black"/>
|
||||
<path d="M18.4872 40.5476C16.4356 40.5476 14.7891 38.8881 14.7891 36.8495V33.9616C14.7891 32.9423 15.6123 32.106 16.6447 32.106C17.6639 32.106 18.5003 32.9292 18.5003 33.9616V40.5476H18.4872Z" fill="black"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_3277_11784">
|
||||
<rect width="40" height="35.2565" fill="white" transform="translate(9 11.0005)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
15
modules/ppcp-settings/images/icon-payment-method-paypal.svg
Normal file
15
modules/ppcp-settings/images/icon-payment-method-paypal.svg
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="0.000183105" width="58" height="58" rx="3" fill="white"/>
|
||||
<rect x="0.5" y="0.500183" width="57" height="57" rx="2.5" stroke="black" stroke-opacity="0.07"/>
|
||||
<g clip-path="url(#clip0_3277_11734)">
|
||||
<path d="M40.2889 18.9445C40.2889 23.7531 35.8793 29.4362 29.2162 29.4362H22.7984L22.4869 31.439L20.9858 41.0933H13L17.8014 10.0073H30.7358C35.0885 10.0073 38.5175 12.4556 39.774 15.858C40.1296 16.8214 40.3109 17.8615 40.2896 18.9445H40.2889Z" fill="#002991"/>
|
||||
<path d="M44.8945 27.882C44.0127 33.2736 39.4076 37.2076 33.969 37.2076H29.5103L27.6486 48.8646H19.7119L20.9855 41.0935L22.4867 31.4392L22.7981 29.4364H29.2159C35.879 29.4364 40.2886 23.7533 40.2886 18.9448C40.29 18.9448 40.2915 18.9462 40.2929 18.9469C43.5725 20.6481 45.4812 24.095 44.8938 27.882H44.8945Z" fill="#60CDFF"/>
|
||||
<path d="M40.2881 18.9441C40.2881 18.9441 40.2909 18.9455 40.2924 18.9462C40.2909 18.8638 40.2902 18.8588 40.2881 18.9441Z" fill="black"/>
|
||||
<path d="M40.2903 18.9432C38.9186 18.2147 37.2524 17.7778 35.4398 17.7778H24.6124L22.7998 29.4348H29.2176C35.8807 29.4348 40.2903 23.7517 40.2903 18.9432Z" fill="#008CFF"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_3277_11734">
|
||||
<rect width="32" height="38.8571" fill="white" transform="translate(13 10.0003)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -0,0 +1,5 @@
|
|||
<svg width="58" height="58" viewBox="0 0 58 58" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect y="0.00012207" width="58" height="58" rx="3" fill="white"/>
|
||||
<rect x="0.5" y="0.500122" width="57" height="57" rx="2.5" stroke="black" stroke-opacity="0.07"/>
|
||||
<path d="M33.0698 13.3561C33.7732 14.9053 34.2223 16.7858 34.2223 19.5473C34.2223 24.5919 30.8311 31.991 28.0838 36.6987L25.1431 11.8069L13 13.0191L18.5623 48.0001H32.43C38.5022 39.5915 45.9826 27.6175 45.9826 18.3993C45.9826 15.5093 45.4064 13.2219 44.1281 11.0001L33.0698 13.3561Z" fill="#008CFF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 568 B |
13
modules/ppcp-settings/images/logo-paypal.svg
Normal file
13
modules/ppcp-settings/images/logo-paypal.svg
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<svg width="56" height="67" viewBox="0 0 56 67" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2758_23772)">
|
||||
<path d="M47.7556 15.4102C47.7556 23.7014 40.0388 33.5006 28.3783 33.5006H17.1472L16.6021 36.9539L13.9751 53.6005H0L8.40249 0H31.0377C38.6549 0 44.6556 4.22154 46.8546 10.0882C47.4768 11.7494 47.7941 13.5428 47.7568 15.4102H47.7556Z" fill="#002991"/>
|
||||
<path d="M55.8146 30.8205C54.2715 40.117 46.2125 46.9002 36.695 46.9002H28.8923L25.6344 67H11.7451L13.9739 53.6005L16.6009 36.954L17.146 33.5007H28.3771C40.0376 33.5007 47.7544 23.7014 47.7544 15.4103C47.7568 15.4103 47.7593 15.4127 47.7618 15.414C53.5012 18.3473 56.8413 24.2906 55.8134 30.8205H55.8146Z" fill="#60CDFF"/>
|
||||
<path d="M47.7556 15.4103C47.7556 15.4103 47.7606 15.4128 47.7631 15.414C47.7606 15.272 47.7593 15.2633 47.7556 15.4103Z" fill="black"/>
|
||||
<path d="M47.7556 15.4103C45.355 14.1542 42.4393 13.4008 39.2672 13.4008H20.3193L17.1472 33.5006H28.3783C40.0388 33.5006 47.7556 23.7014 47.7556 15.4103Z" fill="#008CFF"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2758_23772">
|
||||
<rect width="56" height="67" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
12
modules/ppcp-settings/resources/css/_global.scss
Normal file
12
modules/ppcp-settings/resources/css/_global.scss
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
* {
|
||||
font-family: "Inter", sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
a:not(.button) {
|
||||
color: $color-blueberry;
|
||||
}
|
||||
|
||||
.components-form-toggle.is-checked > .components-form-toggle__track {
|
||||
background-color: $color-blueberry;
|
||||
}
|
||||
8
modules/ppcp-settings/resources/css/_mixins.scss
Normal file
8
modules/ppcp-settings/resources/css/_mixins.scss
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
@mixin font($font-size, $line-height, $font-weight, $letter-spacing: false) {
|
||||
font-size: $font-size + px;
|
||||
line-height: calc($line-height / $font-size);
|
||||
font-weight: $font-weight;
|
||||
@if $letter-spacing {
|
||||
letter-spacing: $letter-spacing;
|
||||
}
|
||||
}
|
||||
13
modules/ppcp-settings/resources/css/_variables.scss
Normal file
13
modules/ppcp-settings/resources/css/_variables.scss
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
$color-white: #fff;
|
||||
$color-blue: #1D35B4;
|
||||
$color-blueberry: #3858E9;
|
||||
$color-gray-900: #1E1E1E;
|
||||
$color-gray-800: #2F2F2F;
|
||||
$color-gray-700: #757575;
|
||||
$color-gray-600: #949494;
|
||||
$color-gray-500: #BBBBBB;
|
||||
$color-gray-200: #E0E0E0;
|
||||
$color-gray: #646970;
|
||||
|
||||
$shadow-card: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
|
||||
$gradient-header: linear-gradient(87.03deg, #003087 -0.49%, #001E51 29.22%, #001435 100%);
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
button.components-button {
|
||||
&.is-primary, &.is-secondary {
|
||||
background-color: $color-blueberry;
|
||||
border-radius: 2px;
|
||||
padding: 14px 17px;
|
||||
height: auto;
|
||||
&:hover {
|
||||
background: $gradient-header;
|
||||
}
|
||||
}
|
||||
|
||||
&.is-primary {
|
||||
@include font(13, 16, 500);
|
||||
}
|
||||
|
||||
&.is-secondary {
|
||||
padding: 6px 12px;
|
||||
@include font(13, 20, 500);
|
||||
color: $color-white;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
.ppcp-r-onboarding-header{
|
||||
margin: 0 0 32px 0;
|
||||
|
||||
&__gradient {
|
||||
background: $gradient-header;
|
||||
width: 100%;
|
||||
height: 112px;
|
||||
position: relative;
|
||||
margin-bottom: 55px;
|
||||
}
|
||||
|
||||
&__logo-wrapper {
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
background-color: $color-white;
|
||||
border-radius: 110px;
|
||||
position: absolute;
|
||||
left: calc(50% - 55px);
|
||||
bottom: -55px;
|
||||
|
||||
img {
|
||||
width: 56px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
&__content {
|
||||
max-width: 426px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
&__title {
|
||||
@include font(20, 28, 700);
|
||||
color: $color-blue;
|
||||
margin: 0 0 4px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__description {
|
||||
color: $color-gray-800;
|
||||
@include font(14, 20, 400);
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
.ppcp-r-payment-method-icons {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
.ppcp-r-separator{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&__line {
|
||||
height: 1px;
|
||||
background-color: $color-gray-600;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&__text {
|
||||
color: $color-gray;
|
||||
@include font(12, 24, 500, 0.8px);
|
||||
text-transform: uppercase;
|
||||
padding: 0 23px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
.ppcp-r-toggle-block {
|
||||
&__wrapper {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
&__switch {
|
||||
.components-base-control__field > div {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
&__content-label {
|
||||
@include font(14, 20, 600);
|
||||
display: block;
|
||||
margin: 0 0 4px 0;
|
||||
color: $color-gray-900;
|
||||
}
|
||||
|
||||
&__content-description {
|
||||
@include font(13, 18, 400);
|
||||
color: $color-gray-700;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&__toggled-content {
|
||||
margin-top: 24px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
.ppcp-r {
|
||||
|
||||
&-inner-container {
|
||||
width: 620px;
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
&-container {
|
||||
box-shadow: $shadow-card;
|
||||
max-width: 1024px;
|
||||
}
|
||||
|
||||
&-card {
|
||||
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
|
||||
background-color: $color-white;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
.components-base-control {
|
||||
&__label {
|
||||
color: $color-gray-900;
|
||||
@include font(13, 16, 600);
|
||||
margin: 0 0 8px 0;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
&__input {
|
||||
border: 1px solid $color-gray-700;
|
||||
border-radius: 2px;
|
||||
box-shadow: none;
|
||||
&:focus{
|
||||
border-color:$color-blueberry;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,64 @@
|
|||
.ppcp-r-page-welcome {
|
||||
.ppcp-r-inner-container {
|
||||
padding-bottom: 72px;
|
||||
}
|
||||
|
||||
.ppcp-r-welcome-features {
|
||||
margin: 0 0 32px 0;
|
||||
}
|
||||
|
||||
.ppcp-r-payment-method-icons {
|
||||
margin: 0 0 12px 0;
|
||||
}
|
||||
|
||||
.ppcp-r-button-activate-paypal {
|
||||
display: block;
|
||||
margin: 0 auto 32px auto;
|
||||
}
|
||||
|
||||
.ppcp-r-page-welcome-or-separator {
|
||||
margin: 0 0 32px 0;
|
||||
}
|
||||
|
||||
.ppcp-r-page-welcome-mode-separator {
|
||||
margin: 32px 0;
|
||||
|
||||
.ppcp-r-separator__line {
|
||||
background-color: $color-gray-500;
|
||||
}
|
||||
}
|
||||
|
||||
.components-base-control__field {
|
||||
margin: 0 0 24px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ppcp-r-welcome-features {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 8px;
|
||||
|
||||
&__col {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
|
||||
> span {
|
||||
@include font(11, 16, 600);
|
||||
text-transform: uppercase;
|
||||
color: $color-gray-800;
|
||||
}
|
||||
|
||||
> p {
|
||||
margin: 0;
|
||||
@include font(13, 16, 400);
|
||||
color: $color-gray-700;
|
||||
}
|
||||
|
||||
&:not(:last-child) {
|
||||
padding-right: 18px;
|
||||
border-right: 1px solid $color-gray-200;
|
||||
margin-right: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1 +1,14 @@
|
|||
.red {color:red;}
|
||||
@import 'variables';
|
||||
@import 'mixins';
|
||||
|
||||
#ppcp-settings-container {
|
||||
@import './global';
|
||||
@import './components/reusable-components/onboarding-header';
|
||||
@import './components/reusable-components/button';
|
||||
@import './components/reusable-components/settings-toggle-block';
|
||||
@import './components/reusable-components/text-control';
|
||||
@import './components/reusable-components/separator';
|
||||
@import './components/reusable-components/payment-method-icons';
|
||||
@import './components/reusable-components/settings-wrapper';
|
||||
@import './components/screens/onboarding/step-welcome';
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,3 +1,9 @@
|
|||
import Onboarding from './components/screens/onboarding/onboarding.js';
|
||||
|
||||
export function App() {
|
||||
return <div className="red">App</div>;
|
||||
return (
|
||||
<div>
|
||||
<Onboarding />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,5 @@
|
|||
const Container = ( props ) => {
|
||||
return <div className="ppcp-r-container">{ props.children }</div>;
|
||||
};
|
||||
|
||||
export default Container;
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
import data from '../../utils/data';
|
||||
|
||||
const OnboardingHeader = ( props ) => {
|
||||
return (
|
||||
<section className="ppcp-r-onboarding-header">
|
||||
<div className="ppcp-r-onboarding-header__gradient">
|
||||
<div className="ppcp-r-onboarding-header__logo-wrapper">
|
||||
{ data().getImage( 'logo-paypal.svg' ) }
|
||||
</div>
|
||||
</div>
|
||||
<div className="ppcp-r-onboarding-header__content">
|
||||
<h1 className="ppcp-r-onboarding-header__title">
|
||||
{ props.title }
|
||||
</h1>
|
||||
{ props.description && (
|
||||
<p className="ppcp-r-onboarding-header__description">
|
||||
{ props.description }
|
||||
</p>
|
||||
) }
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default OnboardingHeader;
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
import data from '../../utils/data';
|
||||
|
||||
const PaymentMethodIcon = ( props ) => {
|
||||
if (
|
||||
( Array.isArray( props.icons ) &&
|
||||
props.icons.includes( props.type ) ) ||
|
||||
props.icons === 'all'
|
||||
) {
|
||||
return data().getImage( 'icon-button-' + props.type + '.svg' );
|
||||
}
|
||||
|
||||
return <></>;
|
||||
};
|
||||
|
||||
export default PaymentMethodIcon;
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
import PaymentMethodIcon from './payment-method-icon';
|
||||
|
||||
const PaymentMethodIcons = ( props ) => {
|
||||
return (
|
||||
<div className="ppcp-r-payment-method-icons">
|
||||
<PaymentMethodIcon type="paypal" icons={ props.icons } />
|
||||
<PaymentMethodIcon type="venmo" icons={ props.icons } />
|
||||
<PaymentMethodIcon type="visa" icons={ props.icons } />
|
||||
<PaymentMethodIcon type="mastercard" icons={ props.icons } />
|
||||
<PaymentMethodIcon type="amex" icons={ props.icons } />
|
||||
<PaymentMethodIcon type="discover" icons={ props.icons } />
|
||||
<PaymentMethodIcon type="apple-pay" icons={ props.icons } />
|
||||
<PaymentMethodIcon type="google-pay" icons={ props.icons } />
|
||||
<PaymentMethodIcon type="sepa" icons={ props.icons } />
|
||||
<PaymentMethodIcon type="ideal" icons={ props.icons } />
|
||||
<PaymentMethodIcon type="bancontact" icons={ props.icons } />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default PaymentMethodIcons;
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
const Separator = ( props ) => {
|
||||
let separatorClass = 'ppcp-r-separator';
|
||||
|
||||
if ( props?.className ) {
|
||||
separatorClass += ' ' + props.className;
|
||||
}
|
||||
|
||||
if ( props.text ) {
|
||||
return (
|
||||
<div className={ separatorClass }>
|
||||
<span className="ppcp-r-separator__line ppcp-r-separator__line--before"></span>
|
||||
|
||||
<span className="ppcp-r-separator__text">{ props.text }</span>
|
||||
<span className="ppcp-r-separator__line ppcp-r-separator__line--after"></span>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<div className={ separatorClass }>
|
||||
<span className="ppcp-r-separator__line ppcp-r-separator__line--before"></span>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Separator;
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
import { useState } from '@wordpress/element';
|
||||
import { ToggleControl } from '@wordpress/components';
|
||||
|
||||
const SettingsToggleBlock = ( props ) => {
|
||||
const [ isToggled, setToggled ] = useState( false );
|
||||
|
||||
return (
|
||||
<div className="ppcp-r-toggle-block">
|
||||
<div className="ppcp-r-toggle-block__wrapper">
|
||||
<div className="ppcp-r-toggle-block__content">
|
||||
{ props?.label && (
|
||||
<span className="ppcp-r-toggle-block__content-label">
|
||||
{ props.label }
|
||||
</span>
|
||||
) }
|
||||
{ props?.description && (
|
||||
<p
|
||||
className="ppcp-r-toggle-block__content-description"
|
||||
dangerouslySetInnerHTML={ {
|
||||
__html: props.description,
|
||||
} }
|
||||
></p>
|
||||
) }
|
||||
</div>
|
||||
<div className="ppcp-r-toggle-block__switch">
|
||||
<ToggleControl
|
||||
checked={ isToggled }
|
||||
onChange={ ( newValue ) => {
|
||||
setToggled( newValue );
|
||||
} }
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{ props.children && isToggled && (
|
||||
<div className="ppcp-r-toggle-block__toggled-content">
|
||||
{ props.children }
|
||||
</div>
|
||||
) }
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default SettingsToggleBlock;
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
import Container from '../../reusable-components/container';
|
||||
import StepWelcome from './step-welcome.js';
|
||||
|
||||
const Onboarding = () => {
|
||||
return (
|
||||
<Container>
|
||||
<div className="ppcp-r-card">
|
||||
<StepWelcome />
|
||||
</div>
|
||||
</Container>
|
||||
);
|
||||
};
|
||||
|
||||
export default Onboarding;
|
||||
|
|
@ -0,0 +1,130 @@
|
|||
import OnboardingHeader from '../../reusable-components/onboarding-header.js';
|
||||
import { __, sprintf } from '@wordpress/i18n';
|
||||
import { Button, TextControl } from '@wordpress/components';
|
||||
import PaymentMethodIcons from '../../reusable-components/payment-method-icons';
|
||||
import SettingsToggleBlock from '../../reusable-components/settings-toggle-block';
|
||||
import Separator from '../../reusable-components/separator';
|
||||
|
||||
const StepWelcome = () => {
|
||||
return (
|
||||
<div className="ppcp-r-page-welcome">
|
||||
<OnboardingHeader
|
||||
title={ __(
|
||||
'Welcome to PayPal Payments',
|
||||
'woocommerce-paypal-payments'
|
||||
) }
|
||||
description={ __(
|
||||
'Your all-in-one checkout solution with PayPal, Venmo, Pay Later, all major credit/debit cards, Apple Pay, Google Pay, and more.',
|
||||
'woocommerce-paypal-payments'
|
||||
) }
|
||||
/>
|
||||
<div className="ppcp-r-inner-container">
|
||||
<PaymentMethodIcons icons="all" />
|
||||
<WelcomeFeatures />
|
||||
<Button
|
||||
className="ppcp-r-button-activate-paypal"
|
||||
variant="primary"
|
||||
>
|
||||
{ __(
|
||||
'Activate PayPal Payments',
|
||||
'woocommerce-paypal-payments'
|
||||
) }
|
||||
</Button>
|
||||
<Separator
|
||||
className="ppcp-r-page-welcome-or-separator"
|
||||
text={ __( 'or', 'woocommerce-paypal-payments' ) }
|
||||
/>
|
||||
<WelcomeForm />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
const WelcomeFeatures = () => {
|
||||
return (
|
||||
<div className="ppcp-r-welcome-features">
|
||||
<div className="ppcp-r-welcome-features__col">
|
||||
<span>{ __( 'Deposits', 'woocommerce-paypal-payments' ) }</span>
|
||||
<p>{ __( 'Instant', 'woocommerce-paypal-payments' ) }</p>
|
||||
</div>
|
||||
<div className="ppcp-r-welcome-features__col">
|
||||
<span>
|
||||
{ __( 'Payment Capture', 'woocommerce-paypal-payments' ) }
|
||||
</span>
|
||||
<p>
|
||||
{ __(
|
||||
'Authorize only or Capture',
|
||||
'woocommerce-paypal-payments'
|
||||
) }
|
||||
</p>
|
||||
</div>
|
||||
<div className="ppcp-r-welcome-features__col">
|
||||
<span>
|
||||
{ __(
|
||||
'Recurring payments',
|
||||
'woocommerce-paypal-payments'
|
||||
) }
|
||||
</span>
|
||||
<p>{ __( 'Supported', 'woocommerce-paypal-payments' ) }</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
const WelcomeForm = () => {
|
||||
const advancedUsersDescription = sprintf(
|
||||
// translators: %s: Link to PayPal REST application guide
|
||||
__(
|
||||
'For advanced users: Connect a custom PayPal REST app for full control over your integration. For more information on creating a PayPal REST application, <a href="%s">click here</a>.',
|
||||
'woocommerce-paypal-payments'
|
||||
),
|
||||
'#'
|
||||
);
|
||||
|
||||
return (
|
||||
<>
|
||||
<SettingsToggleBlock
|
||||
label={ __(
|
||||
'Enable Sandbox Mode',
|
||||
'woocommerce-paypal-payments'
|
||||
) }
|
||||
description={ __(
|
||||
'Activate Sandbox mode to safely test PayPal with sample data. Once your store is ready to go live, you can easily switch to your production account.',
|
||||
'woocommerce-paypal-payments'
|
||||
) }
|
||||
>
|
||||
<Button variant="secondary">
|
||||
{ __( 'Connect Account', 'woocommerce-paypal-payments' ) }
|
||||
</Button>
|
||||
</SettingsToggleBlock>
|
||||
<Separator className="ppcp-r-page-welcome-mode-separator" />
|
||||
<SettingsToggleBlock
|
||||
label={ __(
|
||||
'Manually Connect - TODO missing link',
|
||||
'woocommerce-paypal-payments'
|
||||
) }
|
||||
description={ advancedUsersDescription }
|
||||
>
|
||||
<TextControl
|
||||
label={ __(
|
||||
'Sandbox Client ID',
|
||||
'woocommerce-paypal-payments'
|
||||
) }
|
||||
></TextControl>
|
||||
|
||||
<TextControl
|
||||
label={ __(
|
||||
'Sandbox Secret Key',
|
||||
'woocommerce-paypal-payments'
|
||||
) }
|
||||
type="password"
|
||||
></TextControl>
|
||||
<Button variant="secondary">
|
||||
{ __( 'Connect Account', 'woocommerce-paypal-payments' ) }
|
||||
</Button>
|
||||
</SettingsToggleBlock>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default StepWelcome;
|
||||
18
modules/ppcp-settings/resources/js/utils/data.js
Normal file
18
modules/ppcp-settings/resources/js/utils/data.js
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
const data = () => {
|
||||
return {
|
||||
...global.ppcpSettings,
|
||||
getImage( imageName, className = '' ) {
|
||||
const pathToImages = global.ppcpSettings.assets.imagesUrl;
|
||||
|
||||
return (
|
||||
<img
|
||||
className={ className }
|
||||
alt=""
|
||||
src={ pathToImages + imageName }
|
||||
/>
|
||||
);
|
||||
},
|
||||
};
|
||||
};
|
||||
|
||||
export default data;
|
||||
|
|
@ -77,6 +77,13 @@ class SettingsModule implements ServiceModule, ExecutableModule {
|
|||
);
|
||||
|
||||
wp_enqueue_style( 'ppcp-admin-settings' );
|
||||
|
||||
wp_enqueue_style('ppcp-admin-settings-font', 'https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
|
||||
wp_localize_script('ppcp-admin-settings', 'ppcpSettings', [
|
||||
'assets' => [
|
||||
'imagesUrl' => $module_url . '/images/'
|
||||
]
|
||||
]);
|
||||
}
|
||||
);
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue
