@thecb/components 11.5.2-beta.0 → 11.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/README.md +11 -1
  2. package/ai-docs/architecture.md +71 -0
  3. package/ai-docs/components.md +167 -0
  4. package/ai-docs/conventions.md +162 -0
  5. package/ai-docs/figma-mcp.md +66 -0
  6. package/ai-docs/integration-guidelines.md +142 -0
  7. package/dist/index.cjs.js +1040 -117
  8. package/dist/index.cjs.js.map +1 -1
  9. package/dist/index.d.ts +3 -2
  10. package/dist/index.esm.js +1032 -117
  11. package/dist/index.esm.js.map +1 -1
  12. package/package.json +3 -2
  13. package/src/components/atoms/button-with-action/index.d.ts +1 -0
  14. package/src/components/atoms/icons/AmExSmallIcon.js +52 -0
  15. package/src/components/atoms/icons/BankGenericSmallIcon.js +48 -0
  16. package/src/components/atoms/icons/CashSmallIcon.js +21 -0
  17. package/src/components/atoms/icons/CashieringImage.d.ts +1 -0
  18. package/src/components/atoms/icons/CashieringImage.js +254 -0
  19. package/src/components/atoms/icons/DiscoverSmallIcon.js +135 -0
  20. package/src/components/atoms/icons/GenericSmallIcon.js +25 -0
  21. package/src/components/atoms/icons/GuidedCheckoutImage.js +89 -15
  22. package/src/components/atoms/icons/Icons.stories.js +10 -2
  23. package/src/components/atoms/icons/KioskImage.js +231 -26
  24. package/src/components/atoms/icons/MasterCardSmallIcon.js +33 -0
  25. package/src/components/atoms/icons/ProfileImage.js +60 -34
  26. package/src/components/atoms/icons/RevenueManagementImage.js +161 -20
  27. package/src/components/atoms/icons/StandardCheckoutImage.js +111 -17
  28. package/src/components/atoms/icons/VisaSmallIcon.js +38 -0
  29. package/src/components/atoms/icons/WireSmallIcon.js +22 -0
  30. package/src/components/atoms/icons/index.d.ts +1 -1
  31. package/src/components/atoms/icons/index.js +19 -3
  32. package/src/components/molecules/obligation/modules/InactiveControlsModule.js +7 -1
  33. package/src/components/molecules/obligation/modules/RemoveAccountModalModule.js +4 -1
  34. package/src/components/atoms/icons/PointOfSaleImage.d.ts +0 -1
  35. package/src/components/atoms/icons/PointOfSaleImage.js +0 -44
@@ -3,38 +3,112 @@ import React from "react";
3
3
  const GuidedCheckoutImage = () => {
4
4
  return (
5
5
  <svg
6
- xmlns="http://www.w3.org/2000/svg"
7
- width="157"
8
- height="107"
9
- viewBox="0 0 157 107"
6
+ width="184"
7
+ height="159"
8
+ viewBox="0 0 184 159"
10
9
  fill="none"
10
+ xmlns="http://www.w3.org/2000/svg"
11
11
  >
12
12
  <g id="Illustration - Cart">
13
13
  <path
14
- id="White"
15
- d="M38 35.4875H119V88.4875C119 90.1444 117.657 91.4875 116 91.4875H41C39.3431 91.4875 38 90.1444 38 88.4875V35.4875Z"
14
+ d="M0 4C0 1.79086 1.79086 0 4 0H184V159H4C1.79086 159 0 157.209 0 155V4Z"
15
+ fill="#D9DAF9"
16
+ />
17
+ <path
18
+ d="M92.2989 117.448C102.365 117.448 110.525 119.187 110.525 121.332C110.525 123.478 102.365 125.217 92.2989 125.217C82.2323 125.217 74.0714 123.478 74.0714 121.332C74.0715 119.187 82.2324 117.448 92.2989 117.448ZM29.251 89.3598C30.5807 89.3599 31.7073 90.2294 32.0948 91.4301C32.4011 91.2542 32.7563 91.1528 33.1348 91.1528C34.29 91.1528 35.2266 92.0894 35.2266 93.2446C35.2266 94.3997 34.29 95.3364 33.1348 95.3364H25.6651C24.3449 95.3364 23.2745 94.2659 23.2745 92.9457C23.2745 91.6256 24.3449 90.5551 25.6651 90.5551C26.0359 90.5551 26.3871 90.6398 26.7003 90.7905C27.2254 89.9326 28.1715 89.3598 29.251 89.3598ZM151.164 37.3686C154.603 37.3688 157.425 40.0094 157.713 43.3735C158.322 42.9773 159.049 42.7465 159.829 42.7465C161.974 42.7466 163.713 44.486 163.713 46.6313C163.713 48.7766 161.974 50.5159 159.829 50.5161C159.729 50.5161 159.629 50.5118 159.53 50.5043V50.5161H142.199V50.5063C139.863 50.3525 138.016 48.4086 138.016 46.0336C138.016 43.5583 140.023 41.5513 142.498 41.5512C143.349 41.5512 144.145 41.7886 144.823 42.2006C145.587 39.4152 148.136 37.3686 151.164 37.3686ZM73.3389 25.7827C75.118 25.7828 76.6376 26.8936 77.2422 28.4594C77.4201 28.3848 77.6154 28.3432 77.8204 28.3432C78.3451 28.3432 78.8068 28.6142 79.0733 29.0229C79.4188 28.8613 79.8044 28.7709 80.211 28.7709C81.6962 28.7709 82.9005 29.9752 82.9005 31.4604C82.9002 32.8668 81.8202 34.0208 80.4444 34.1391V34.1489H69.0899V34.1391C69.0131 34.1457 68.935 34.1489 68.8565 34.1489C67.3714 34.1489 66.1673 32.9454 66.1671 31.4604C66.1671 29.9752 67.3713 28.7709 68.8565 28.7709C69.0133 28.7709 69.167 28.7842 69.3165 28.81C69.818 27.0619 71.4296 25.7827 73.3389 25.7827Z"
19
+ fill="#A99DD2"
20
+ />
21
+ <path
22
+ d="M53.7528 64.2609H130.845V110.277C130.845 110.937 130.31 111.472 129.65 111.472H54.948C54.2879 111.472 53.7528 110.937 53.7528 110.277V64.2609Z"
16
23
  fill="white"
17
24
  />
18
25
  <path
19
- id="Primary - 40"
26
+ d="M51.96 55.6252C51.96 53.7935 53.4449 52.3087 55.2765 52.3087H129.321C131.153 52.3087 132.638 53.7935 132.638 55.6252V64.2609H51.96V55.6252Z"
27
+ fill="#E5E7EC"
28
+ />
29
+ <path
30
+ d="M66.3027 58.2835C66.3027 58.9429 65.7676 59.4774 65.1075 59.4774C64.4474 59.4774 63.9122 58.9429 63.9122 58.2835C63.9122 57.6241 64.4474 57.0895 65.1075 57.0895C65.7676 57.0895 66.3027 57.6241 66.3027 58.2835Z"
31
+ fill="#292A33"
32
+ />
33
+ <path
34
+ d="M62.717 58.2835C62.717 58.9429 62.1819 59.4774 61.5218 59.4774C60.8617 59.4774 60.3266 58.9429 60.3266 58.2835C60.3266 57.6241 60.8617 57.0895 61.5218 57.0895C62.1819 57.0895 62.717 57.6241 62.717 58.2835Z"
35
+ fill="#292A33"
36
+ />
37
+ <path
38
+ d="M59.1313 58.2835C59.1313 58.9429 58.5962 59.4774 57.9361 59.4774C57.276 59.4774 56.7409 58.9429 56.7409 58.2835C56.7409 57.6241 57.276 57.0895 57.9361 57.0895C58.5962 57.0895 59.1313 57.6241 59.1313 58.2835Z"
39
+ fill="#292A33"
40
+ />
41
+ <path
42
+ fillRule="evenodd"
43
+ clipRule="evenodd"
44
+ d="M129.65 54.1015H54.9481C54.2879 54.1015 53.7528 54.6366 53.7528 55.2967V110.277C53.7528 110.937 54.2879 111.472 54.948 111.472H129.65C130.31 111.472 130.845 110.937 130.845 110.277V55.2967C130.845 54.6366 130.31 54.1015 129.65 54.1015ZM54.9481 52.3087C53.2978 52.3087 51.96 53.6465 51.96 55.2967V110.277C51.96 111.927 53.2978 113.265 54.948 113.265H129.65C131.3 113.265 132.638 111.927 132.638 110.277V55.2967C132.638 53.6465 131.3 52.3087 129.65 52.3087H54.9481Z"
45
+ fill="#292A33"
46
+ />
47
+ <path
48
+ d="M156.542 106.094C156.542 105.434 157.077 104.899 157.737 104.899H167.897C168.557 104.899 169.092 105.434 169.092 106.094C169.092 106.754 168.557 107.289 167.897 107.289H157.737C157.077 107.289 156.542 106.754 156.542 106.094Z"
49
+ fill="#292A33"
50
+ />
51
+ <path
52
+ d="M132.638 104.899H152.244C152.909 104.899 153.449 105.438 153.449 106.104C153.449 106.77 152.909 107.309 152.244 107.309H132.638V104.899Z"
53
+ fill="#292A33"
54
+ />
55
+ <path
56
+ d="M35.2269 106.094C35.2269 105.434 35.762 104.899 36.4221 104.899H51.96V107.289H36.4221C35.762 107.289 35.2269 106.754 35.2269 106.094Z"
57
+ fill="#292A33"
58
+ />
59
+ <path
60
+ d="M25.0675 106.094C25.0675 105.434 25.6026 104.899 26.2627 104.899H31.0436C31.7037 104.899 32.2388 105.434 32.2388 106.094C32.2388 106.754 31.7037 107.289 31.0436 107.289H26.2627C25.6026 107.289 25.0675 106.754 25.0675 106.094Z"
61
+ fill="#292A33"
62
+ />
63
+ <path
64
+ d="M51.9601 62.4676H132.638V64.2604H51.9601V62.4676Z"
65
+ fill="#292A33"
66
+ />
67
+ <path
68
+ d="M90.8047 120.727C90.8047 121.226 90.3999 121.632 89.9004 121.632H84.8291C84.1691 121.632 83.6339 121.097 83.6338 120.437C83.6338 119.777 84.169 119.242 84.8291 119.242H88.4141V113.265H90.8047V120.727ZM96.1836 119.242H99.7686C100.429 119.242 100.964 119.777 100.964 120.437C100.964 121.097 100.429 121.632 99.7686 121.632H94.6973C94.1978 121.632 93.793 121.226 93.793 120.727V113.265H96.1836V119.242ZM141.655 100.661C141.271 101.046 140.676 101.126 140.204 100.856L132.638 96.5316V93.5433L140.796 98.2054C140.918 98.275 141.072 98.251 141.167 98.1478L148.176 90.556H146.383C145.723 90.556 145.188 90.0206 145.188 89.3607C145.188 88.7006 145.723 88.1653 146.383 88.1653H155.944C156.604 88.1653 157.14 88.7006 157.14 89.3607C157.139 90.0206 156.604 90.556 155.944 90.556H151.761L141.655 100.661Z"
69
+ fill="#6145F7"
70
+ />
71
+ <path
20
72
  fillRule="evenodd"
21
73
  clipRule="evenodd"
22
- d="M62.2137 0.512451C60.5541 0.512451 59.1911 1.7938 59.0407 3.43043C58.7254 3.2024 58.3403 3.06671 57.923 3.06671C56.8611 3.06671 56 3.93641 56 5.00917C56 6.08178 56.8611 6.95147 57.923 6.95147H66.6275C67.8704 6.95147 68.8781 5.9337 68.8781 4.67823C68.8781 3.42293 67.8704 2.40514 66.6275 2.40514C66.1222 2.40514 65.6575 2.57544 65.2818 2.85936C64.905 1.50543 63.6747 0.512451 62.2137 0.512451ZM129.102 5.48762C127.233 5.48762 125.641 6.65839 125.008 8.30534C124.847 8.25984 124.678 8.23416 124.502 8.23416C123.904 8.23416 123.373 8.51531 123.029 8.95151C122.681 8.79484 122.296 8.70546 121.89 8.70546C120.355 8.70546 119.11 9.95067 119.11 11.4868C119.11 13.0229 120.355 14.2681 121.89 14.2681H133.891C135.426 14.2681 136.671 13.0229 136.671 11.4868C136.671 9.95067 135.426 8.70546 133.891 8.70546C133.703 8.70546 133.519 8.72464 133.342 8.76039C132.847 6.87779 131.139 5.48762 129.102 5.48762ZM6.29173 39.5044C6.96652 37.7476 8.6644 36.4988 10.6579 36.4988C12.8309 36.4988 14.6525 37.9817 15.18 39.9898C15.3696 39.9516 15.5654 39.9312 15.7664 39.9312C17.404 39.9312 18.7317 41.2594 18.7317 42.8979C18.7317 44.5364 17.404 45.8647 15.7664 45.8647H2.96567C1.32776 45.8647 0 44.5364 0 42.8979C0 41.2594 1.32776 39.9312 2.96567 39.9312C3.39923 39.9312 3.80957 40.0265 4.18076 40.1936C4.54674 39.7284 5.11339 39.4285 5.75143 39.4285C5.93893 39.4285 6.11983 39.4558 6.29173 39.5044ZM41 26.4875C39.3431 26.4875 38 27.8307 38 29.4875V34.4875H119V29.4875C119 27.8307 117.657 26.4875 116 26.4875H41ZM78.5 97.4875C89.2695 97.4875 98 99.5023 98 101.988C98 104.473 89.2695 106.488 78.5 106.488C67.7309 106.488 59 104.473 59 101.988C59 99.5023 67.7309 97.4875 78.5 97.4875ZM156 39.3806H126L127.802 55.6015C127.915 56.6143 128.771 57.3806 129.79 57.3806H152.21C153.229 57.3806 154.085 56.6143 154.198 55.6015L156 39.3806Z"
23
- fill="#B1BDF1"
74
+ d="M101.263 79.9553C100.228 79.9553 99.4816 80.5571 99.2985 81.2006C99.1846 81.601 98.7676 81.8333 98.3672 81.7193C97.9668 81.6054 97.7346 81.1884 97.8486 80.7881C98.2508 79.3743 99.6905 78.4478 101.263 78.4478C102.835 78.4478 104.275 79.3743 104.677 80.7881C104.791 81.1884 104.559 81.6054 104.158 81.7193C103.758 81.8333 103.341 81.601 103.227 81.2006C103.044 80.5571 102.298 79.9553 101.263 79.9553Z"
75
+ fill="#292A33"
24
76
  />
25
77
  <path
26
- id="Cool Gray - 80"
27
78
  fillRule="evenodd"
28
79
  clipRule="evenodd"
29
- d="M116 26.4875H41C39.3431 26.4875 38 27.8307 38 29.4875V34.4875H119V29.4875C119 27.8307 117.657 26.4875 116 26.4875ZM120 34.4875V35.4875V81.4875H148.5C148.776 81.4875 149 81.7114 149 81.9875C149 82.2637 148.776 82.4875 148.5 82.4875H120V88.4875C120 90.6967 118.209 92.4875 116 92.4875H41C38.7909 92.4875 37 90.6967 37 88.4875V82.4875H8.5C8.22386 82.4875 8 82.2637 8 81.9875C8 81.7114 8.22386 81.4875 8.5 81.4875H37V35.4875V34.4875V29.4875C37 27.2784 38.7909 25.4875 41 25.4875H116C118.209 25.4875 120 27.2784 120 29.4875V34.4875ZM119 81.9875V35.4875H38V81.9875V88.4875C38 90.1444 39.3431 91.4875 41 91.4875H116C117.657 91.4875 119 90.1444 119 88.4875V81.9875ZM67.7115 53.2247C68.1485 51.9136 68.9313 51.2375 70 51.2375C71.0687 51.2375 71.8515 51.9136 72.2885 53.2247C72.4195 53.6177 72.8442 53.83 73.2372 53.6991C73.6301 53.5681 73.8425 53.1433 73.7115 52.7504C73.1485 51.0615 71.9313 49.7375 70 49.7375C68.0687 49.7375 66.8515 51.0615 66.2885 52.7504C66.1575 53.1433 66.3699 53.5681 66.7628 53.6991C67.1558 53.83 67.5805 53.6177 67.7115 53.2247ZM87 51.2375C85.9313 51.2375 85.1485 51.9136 84.7115 53.2247C84.5805 53.6177 84.1558 53.83 83.7628 53.6991C83.3699 53.5681 83.1575 53.1433 83.2885 52.7504C83.8515 51.0615 85.0687 49.7375 87 49.7375C88.9313 49.7375 90.1485 51.0615 90.7115 52.7504C90.8425 53.1433 90.6301 53.5681 90.2372 53.6991C89.8442 53.83 89.4195 53.6177 89.2885 53.2247C88.8515 51.9136 88.0687 51.2375 87 51.2375ZM70 64.7375C70.4142 64.7375 70.75 65.0733 70.75 65.4875V66.4875C70.75 67.1779 71.3096 67.7375 72 67.7375H85C85.6904 67.7375 86.25 67.1779 86.25 66.4875V65.4875C86.25 65.0733 86.5858 64.7375 87 64.7375C87.4142 64.7375 87.75 65.0733 87.75 65.4875V66.4875C87.75 68.0063 86.5188 69.2375 85 69.2375H72C70.4812 69.2375 69.25 68.0063 69.25 66.4875V65.4875C69.25 65.0733 69.5858 64.7375 70 64.7375ZM53 30.4875C53 31.0398 52.5523 31.4875 52 31.4875C51.4477 31.4875 51 31.0398 51 30.4875C51 29.9353 51.4477 29.4875 52 29.4875C52.5523 29.4875 53 29.9353 53 30.4875ZM47 31.4875C47.5523 31.4875 48 31.0398 48 30.4875C48 29.9353 47.5523 29.4875 47 29.4875C46.4477 29.4875 46 29.9353 46 30.4875C46 31.0398 46.4477 31.4875 47 31.4875ZM43 30.4875C43 31.0398 42.5523 31.4875 42 31.4875C41.4477 31.4875 41 31.0398 41 30.4875C41 29.9353 41.4477 29.4875 42 29.4875C42.5523 29.4875 43 29.9353 43 30.4875ZM143.866 31.9875C143.388 32.2637 143.224 32.8753 143.5 33.3536L145.825 37.3806H136.175L138.5 33.3536C138.776 32.8753 138.612 32.2637 138.134 31.9875C137.656 31.7114 137.044 31.8753 136.768 32.3536L133.866 37.3806H126C125.448 37.3806 125 37.8283 125 38.3806C125 38.9329 125.448 39.3806 126 39.3806H156C156.552 39.3806 157 38.9329 157 38.3806C157 37.8283 156.552 37.3806 156 37.3806H148.134L145.232 32.3536C144.956 31.8753 144.344 31.7114 143.866 31.9875Z"
30
- fill="#3B414D"
80
+ d="M84.5299 79.9553C83.495 79.9553 82.7487 80.5571 82.5656 81.2006C82.4517 81.601 82.0347 81.8333 81.6343 81.7193C81.2339 81.6054 81.0017 81.1884 81.1156 80.7881C81.5179 79.3743 82.9576 78.4478 84.5299 78.4478C86.1022 78.4478 87.5418 79.3743 87.9441 80.7881C88.058 81.1884 87.8258 81.6054 87.4254 81.7193C87.025 81.8333 86.6081 81.601 86.4941 81.2006C86.311 80.5571 85.5647 79.9553 84.5299 79.9553Z"
81
+ fill="#292A33"
31
82
  />
32
83
  <path
33
- id="Primary"
34
84
  fillRule="evenodd"
35
85
  clipRule="evenodd"
36
- d="M134.646 54.0271C134.451 54.2223 134.451 54.5389 134.646 54.7342C134.842 54.9294 135.158 54.9294 135.354 54.7342L147.354 42.7342C147.549 42.5389 147.549 42.2223 147.354 42.0271C147.158 41.8318 146.842 41.8318 146.646 42.0271L134.646 54.0271ZM135 62.4875C135 61.9353 135.448 61.4875 136 61.4875H146C146.552 61.4875 147 61.9353 147 62.4875C147 63.0398 146.552 63.4875 146 63.4875H140.926L129.345 75.5316C128.635 76.2695 127.483 76.3526 126.675 75.7241L120 70.4875V67.9875L127.903 74.1454L138.151 63.4875H136C135.448 63.4875 135 63.0398 135 62.4875ZM75 100.488V92.4875H77V100.488C77 101.592 76.1046 102.488 75 102.488H71C70.4477 102.488 70 102.04 70 101.488C70 100.935 70.4477 100.488 71 100.488H75ZM80 100.488V92.4875H82V100.488H86C86.5523 100.488 87 100.935 87 101.488C87 102.04 86.5523 102.488 86 102.488H82C80.8954 102.488 80 101.592 80 100.488ZM37 68.4875L31.8311 72.9439C30.5951 74.0151 31.0975 76.0363 32.6913 76.4041L50.0245 80.4041C50.2304 82.1407 51.7079 83.4875 53.5 83.4875H57C57.5523 83.4875 58 83.0398 58 82.4875C58 81.9353 57.5523 81.4875 57 81.4875H53.5C52.6716 81.4875 52 80.816 52 79.9875C52 79.1591 52.6716 78.4875 53.5 78.4875H54.5C55.0523 78.4875 55.5 78.0398 55.5 77.4875C55.5 76.9353 55.0523 76.4875 54.5 76.4875H53.5C52.1266 76.4875 50.9379 77.2786 50.3648 78.43L33.141 74.4553L37 70.9875V68.4875ZM131.646 49.7342C131.451 49.5389 131.451 49.2223 131.646 49.0271L138.646 42.0271C138.842 41.8318 139.158 41.8318 139.354 42.0271C139.549 42.2223 139.549 42.5389 139.354 42.7342L132.354 49.7342C132.158 49.9294 131.842 49.9294 131.646 49.7342ZM142.646 54.0271C142.451 54.2223 142.451 54.5389 142.646 54.7342C142.842 54.9294 143.158 54.9294 143.354 54.7342L150.354 47.7342C150.549 47.5389 150.549 47.2223 150.354 47.0271C150.158 46.8318 149.842 46.8318 149.646 47.0271L142.646 54.0271Z"
37
- fill="#3B5BDB"
86
+ d="M85.4261 90.4004C85.8424 90.4004 86.1799 90.7379 86.1799 91.1541C86.1799 92.0581 86.9127 92.7908 87.8166 92.7908H96.7807C97.6847 92.7908 98.4174 92.0581 98.4174 91.1541C98.4174 90.7379 98.7549 90.4004 99.1712 90.4004C99.5875 90.4004 99.9249 90.7379 99.9249 91.1541C99.9249 92.8906 98.5172 94.2984 96.7807 94.2984H87.8166C86.0801 94.2984 84.6724 92.8906 84.6724 91.1541C84.6724 90.7379 85.0098 90.4004 85.4261 90.4004Z"
87
+ fill="#292A33"
88
+ />
89
+ <path
90
+ d="M51.9593 96.5307V93.5426L41.5712 101.457C40.7439 102.088 41.0607 103.401 42.0844 103.584L62.7163 107.288V104.897L44.7879 101.909L51.9593 96.5307Z"
91
+ fill="#6145F7"
92
+ />
93
+ <path
94
+ d="M65.7042 101.909H66.8995C67.5596 101.909 68.0947 102.444 68.0947 103.104C68.0947 103.765 67.5596 104.3 66.8995 104.3H66.3018C65.3117 104.3 64.509 105.102 64.509 106.092C64.509 107.083 65.3117 107.885 66.3018 107.885H68.6923C69.3524 107.885 69.8875 108.42 69.8875 109.081C69.8875 109.741 69.3524 110.276 68.6923 110.276H65.7042C63.7239 110.276 62.1186 108.67 62.1186 106.69V105.495C62.1186 103.515 63.7239 101.909 65.7042 101.909Z"
95
+ fill="#6145F7"
96
+ />
97
+ <path
98
+ d="M25.8391 56.536C29.2503 56.5361 32.0497 59.1416 32.3489 62.4657C33.032 61.9232 33.897 61.5985 34.8381 61.5985C37.047 61.5985 38.8379 63.3841 38.8381 65.5868C38.8381 67.7897 37.0471 69.576 34.8381 69.576C34.7868 69.576 34.7357 69.5741 34.6848 69.5721V69.576H16.8391V69.5741C16.8138 69.5745 16.7884 69.576 16.7629 69.576C14.1718 69.576 12.0708 67.4813 12.0706 64.8973C12.0706 62.3132 14.1716 60.2177 16.7629 60.2177C17.8215 60.2177 18.7983 60.5674 19.5833 61.1571C20.3985 58.4825 22.8907 56.536 25.8391 56.536Z"
99
+ fill="#A99DD2"
100
+ />
101
+ <path
102
+ d="M161.517 66.3366C162.711 66.3366 163.678 67.304 163.678 68.4974C163.678 68.5844 163.673 68.6712 163.662 68.7576L161.795 84.1507C161.664 85.2355 160.743 86.0513 159.65 86.0513H140.761C139.669 86.0513 138.748 85.2355 138.616 84.1507L136.749 68.7576C136.605 67.5729 137.449 66.496 138.634 66.3523C138.72 66.3419 138.807 66.3366 138.894 66.3366H161.517Z"
103
+ fill="#B4B3F4"
104
+ />
105
+ <path
106
+ d="M162.324 66.3367C163.124 66.3367 163.772 66.9786 163.772 67.7705C163.772 67.8276 163.768 67.8848 163.761 67.9415L161.718 84.7886C161.63 85.5091 161.013 86.0513 160.281 86.0513H140.131C139.398 86.0513 138.781 85.5091 138.694 84.7886L136.65 67.9415C136.555 67.1553 137.121 66.4414 137.915 66.3469C137.972 66.3401 138.029 66.3367 138.087 66.3367H162.324ZM140.567 82.2066L140.772 83.9006L142.276 83.9006L140.567 82.2066ZM146.587 81.0019L143.66 83.9006H149.513L146.587 81.0019ZM153.824 81.0019L150.898 83.9006H156.75L153.824 81.0019ZM159.844 82.2076L158.135 83.9006L159.639 83.9006L159.844 82.2076ZM157.443 77.4177L154.336 80.4952L157.442 83.5727L159.984 81.0549L160.105 80.0555L157.443 77.4177ZM146.587 73.8335L143.481 76.911L146.587 79.9885L148.635 77.9595C148.777 77.8195 149.006 77.8195 149.147 77.9595C149.278 78.0887 149.288 78.2921 149.177 78.4327L149.147 78.4664L147.098 80.4952L150.205 83.5727L153.312 80.4952L146.587 73.8335ZM142.969 77.4177L140.306 80.056L140.427 81.0543L142.968 83.5727L146.075 80.4952L142.969 77.4177ZM150.206 70.2488L147.099 73.3263L153.824 79.9885L156.931 76.911L153.812 73.8216L152.843 74.7874C152.702 74.9277 152.473 74.9283 152.331 74.7886C152.19 74.649 152.189 74.422 152.33 74.2817L153.301 73.3149L150.206 70.2488ZM142.968 70.2488L139.529 73.6553L140.196 79.1501L142.457 76.9105L141.461 75.9246L141.431 75.8908C141.321 75.7502 141.331 75.5469 141.461 75.4177C141.589 75.2917 141.787 75.2791 141.928 75.3799L141.973 75.4177L142.968 76.4038L146.075 73.3263L142.968 70.2488ZM157.422 70.2282L154.323 73.3133L157.443 76.4038L158.262 75.5926C158.403 75.4526 158.632 75.4526 158.774 75.5926C158.904 75.7218 158.914 75.9251 158.804 76.0657L158.774 76.0995L157.954 76.9105L160.215 79.1496L160.881 73.6547L157.422 70.2282ZM148.789 68.4872H144.385L144.566 68.6666L143.481 69.7415L146.587 72.819L149.694 69.7415L148.608 68.6666L148.789 68.4872ZM156.026 68.4872H151.622L151.803 68.6666L150.717 69.7415L153.811 72.8066L156.911 69.7215L155.845 68.6666L156.026 68.4872ZM141.552 68.4872L138.903 68.4874L139.42 72.7504L142.457 69.7421L141.371 68.6666L141.552 68.4872ZM161.508 68.4874L159.023 68.4876C159.023 68.5789 158.988 68.6703 158.918 68.7402L157.933 69.7205L160.991 72.7499L161.508 68.4874ZM143.723 68.4872H142.214L142.968 69.2348L143.723 68.4872ZM150.96 68.4872H149.451L150.205 69.2348L150.96 68.4872ZM158.15 68.4872H156.688L157.421 69.2132L158.15 68.4872Z"
107
+ fill="#6145F7"
108
+ />
109
+ <path
110
+ d="M150.935 60.96C151.531 60.96 152.015 61.4437 152.015 62.0404L152.015 66.3365L163.783 66.3367C164.678 66.3367 165.403 67.0622 165.403 67.9573V68.3006C165.403 69.1956 164.678 69.9212 163.783 69.9212H136.629C135.734 69.9212 135.008 69.1956 135.008 68.3006V67.9573C135.008 67.0622 135.734 66.3367 136.629 66.3367L148.396 66.3365L148.396 62.0404C148.396 61.4437 148.88 60.96 149.477 60.96H150.935Z"
111
+ fill="#292A33"
38
112
  />
39
113
  </g>
40
114
  </svg>
@@ -264,7 +264,15 @@ const paymentIcons = [
264
264
  "PaymentsIconSmall",
265
265
  "RefundIcon",
266
266
  "RefundIconMedium",
267
- "RefundIconSmall"
267
+ "RefundIconSmall",
268
+ "VisaSmallIcon",
269
+ "AmExSmallIcon",
270
+ "BankGenericSmallIcon",
271
+ "CashSmallIcon",
272
+ "DiscoverSmallIcon",
273
+ "GenericSmallIcon",
274
+ "MasterCardSmallIcon",
275
+ "WireSmallIcon"
268
276
  ];
269
277
 
270
278
  const checkIcons = ["RoutingNumberImage", "AccountNumberImage"];
@@ -294,7 +302,7 @@ const mascotIcons = [
294
302
  "WalletIcon",
295
303
  "GuidedCheckoutImage",
296
304
  "KioskImage",
297
- "PointOfSaleImage",
305
+ "CashieringImage",
298
306
  "RevenueManagementImage",
299
307
  "ProfileImage",
300
308
  "StandardCheckoutImage",
@@ -2,56 +2,261 @@ import React from "react";
2
2
 
3
3
  const KioskImage = () => (
4
4
  <svg
5
- xmlns="http://www.w3.org/2000/svg"
6
- width="157"
7
- height="102"
8
- viewBox="0 0 157 102"
5
+ width="184"
6
+ height="170"
7
+ viewBox="0 0 184 170"
9
8
  fill="none"
9
+ xmlns="http://www.w3.org/2000/svg"
10
10
  >
11
11
  <g id="Illustration - Kiosk">
12
12
  <path
13
- id="Primary - 40"
13
+ d="M0 4C0 1.79086 1.79086 0 4 0H184V170H4C1.79086 170 0 168.209 0 166V4Z"
14
+ fill="#D9DAF9"
15
+ />
16
+ <path
14
17
  fillRule="evenodd"
15
18
  clipRule="evenodd"
16
- d="M147.041 11.418C147.191 9.78134 148.554 8.5 150.214 8.5C151.675 8.5 152.905 9.49298 153.282 10.8469C153.657 10.563 154.122 10.3927 154.628 10.3927C155.87 10.3927 156.878 11.4105 156.878 12.6658C156.878 13.9212 155.87 14.939 154.628 14.939H145.923C144.861 14.939 144 14.0693 144 12.9967C144 11.924 144.861 11.0543 145.923 11.0543C146.34 11.0543 146.725 11.1899 147.041 11.418ZM33.0085 40.2929C33.6411 38.6459 35.2328 37.4752 37.1018 37.4752C39.1386 37.4752 40.8467 38.8653 41.3416 40.7479C41.519 40.7122 41.7025 40.693 41.8907 40.693C43.4262 40.693 44.671 41.9382 44.671 43.4743C44.671 45.0104 43.4262 46.2557 41.8907 46.2557H29.8903C28.3547 46.2557 27.11 45.0104 27.11 43.4743C27.11 41.9382 28.3547 40.693 29.8903 40.693C30.2964 40.693 30.6814 40.7824 31.0291 40.9391C31.3725 40.5029 31.9041 40.2217 32.5019 40.2217C32.6777 40.2217 32.847 40.2474 33.0085 40.2929ZM10.6579 12.4864C8.6644 12.4864 6.96652 13.7352 6.29173 15.4919C6.11983 15.4434 5.93893 15.416 5.75143 15.416C5.11339 15.416 4.54674 15.7159 4.18076 16.1812C3.80957 16.0141 3.39923 15.9187 2.96567 15.9187C1.32776 15.9187 0 17.2469 0 18.8855C0 20.524 1.32776 21.8522 2.96567 21.8522H15.7664C17.404 21.8522 18.7317 20.524 18.7317 18.8855C18.7317 17.2469 17.404 15.9187 15.7664 15.9187C15.5654 15.9187 15.3696 15.9392 15.18 15.9773C14.6525 13.9692 12.8309 12.4864 10.6579 12.4864ZM81.5 92.5C96.6878 92.5 109 94.5148 109 97C109 99.4852 96.6878 101.5 81.5 101.5C66.3127 101.5 54 99.4852 54 97C54 94.5148 66.3127 92.5 81.5 92.5Z"
17
- fill="#B1BDF1"
19
+ d="M15.8395 66.0752C15.8139 66.0756 15.7883 66.0758 15.7626 66.0758C13.1713 66.0758 11.0706 63.981 11.0706 61.3968C11.0706 58.8126 13.1713 56.7178 15.7626 56.7178C16.821 56.7178 17.7976 57.0673 18.5826 57.6568C19.3979 54.9822 21.8905 53.0359 24.839 53.0359C28.2497 53.0359 31.0504 55.6404 31.3504 58.9638C32.0333 58.4221 32.8979 58.0985 33.8382 58.0985C36.0472 58.0985 37.838 59.8843 37.838 62.0871C37.838 64.29 36.0472 66.0758 33.8382 66.0758C33.7868 66.0758 33.7355 66.0749 33.6845 66.0729V66.0761H15.8395V66.0752Z"
20
+ fill="#A99DD2"
18
21
  />
19
22
  <path
20
- id="Union"
21
23
  fillRule="evenodd"
22
24
  clipRule="evenodd"
23
- d="M50 1.5H113V79.5C113 81.1569 111.657 82.5 110 82.5H50V1.5ZM60 83.5H103V95.5H60V83.5ZM135.651 41.7481V42.5H134.283V41.7525C132.957 41.6038 132.118 41.0005 132 39.8552L133.677 39.8421C133.804 40.3492 134.283 40.6333 134.984 40.6333C135.613 40.6333 135.988 40.3317 135.988 39.9514C135.988 39.5273 135.689 39.3874 135.064 39.2738L133.97 39.0814C132.914 38.9022 132.218 38.3077 132.204 37.2803C132.189 36.2355 133.08 35.5404 134.297 35.3568V34.5H135.666V35.3612C136.878 35.5667 137.617 36.323 137.584 37.2497L135.95 37.2585C135.888 36.7863 135.694 36.4672 135.007 36.4672C134.273 36.4672 133.928 36.7601 133.928 37.1011C133.928 37.4333 134.112 37.5995 134.785 37.7437L135.869 37.9667C137.157 38.2333 137.697 38.9415 137.697 39.9514C137.697 40.9175 136.921 41.582 135.651 41.7481Z"
24
- fill="#FEFEFE"
25
+ d="M20.2482 96.1525C20.2357 96.1527 20.2232 96.1528 20.2107 96.1528C18.9455 96.1528 17.9199 95.13 17.9199 93.8684C17.9199 92.6067 18.9455 91.5839 20.2107 91.5839C20.7274 91.5839 21.2042 91.7545 21.5875 92.0424C21.9855 90.7365 23.2025 89.7863 24.6421 89.7863C26.3074 89.7863 27.6748 91.058 27.8212 92.6807C28.1546 92.4163 28.5767 92.2582 29.0359 92.2582C30.1144 92.2582 30.9887 93.1301 30.9887 94.2057C30.9887 95.2812 30.1144 96.1531 29.0359 96.1531C29.0107 96.1531 28.9857 96.1526 28.9608 96.1517V96.153H20.2482V96.1525Z"
26
+ fill="#A99DD2"
27
+ />
28
+ <path
29
+ fillRule="evenodd"
30
+ clipRule="evenodd"
31
+ d="M53.3391 82.7851C53.3583 82.7854 53.3775 82.7856 53.3968 82.7856C55.3379 82.7856 56.9114 81.1728 56.9114 79.1834C56.9114 77.194 55.3379 75.5812 53.3968 75.5812C52.604 75.5812 51.8724 75.8503 51.2844 76.3042C50.6737 74.2451 48.8066 72.7467 46.598 72.7467C44.043 72.7467 41.945 74.752 41.7205 77.3107C41.2089 76.8937 40.5613 76.6445 39.8568 76.6445C38.2021 76.6445 36.8608 78.0193 36.8608 79.7152C36.8608 81.4111 38.2021 82.786 39.8568 82.786C39.8954 82.786 39.9338 82.7852 39.972 82.7837V82.7858H53.3391V82.7851Z"
32
+ fill="#A99DD2"
33
+ />
34
+ <path
35
+ fillRule="evenodd"
36
+ clipRule="evenodd"
37
+ d="M147.427 54.9962C147.349 55.0028 147.27 55.0062 147.191 55.0062C145.669 55.0062 144.435 53.7759 144.435 52.2583C144.435 50.7407 145.669 49.5104 147.191 49.5104C147.376 49.5104 147.557 49.5287 147.732 49.5635C148.228 47.724 149.913 46.37 151.914 46.37C153.778 46.37 155.367 47.5448 155.977 49.1926C156.176 49.0946 156.401 49.0396 156.638 49.0396C157.195 49.0396 157.681 49.3431 157.938 49.7933C158.306 49.6122 158.719 49.5104 159.157 49.5104C160.679 49.5104 161.913 50.7407 161.913 52.2583C161.913 53.7759 160.679 55.0062 159.157 55.0062C159.131 55.0062 159.105 55.0058 159.079 55.0051V55.0062H147.427V54.9962Z"
38
+ fill="#A99DD2"
39
+ />
40
+ <path
41
+ d="M113.722 121.759C113.722 123.913 103.373 125.658 90.6076 125.658C77.8422 125.658 67.4937 123.913 67.4937 121.759C67.4937 119.606 77.8422 117.861 90.6076 117.861C103.373 117.861 113.722 119.606 113.722 121.759Z"
42
+ fill="#A99DD2"
43
+ />
44
+ <path
45
+ fillRule="evenodd"
46
+ clipRule="evenodd"
47
+ d="M68.373 44.9017C66.8298 44.9017 65.2658 44.7039 65.2658 47.5112V111.107C65.2658 113.914 66.7969 113.962 68.3401 113.962H113.712C115.255 113.962 116.506 113.914 116.506 111.107L116.473 47.7569C116.473 44.9496 114.629 44.9017 113.086 44.9017H68.373Z"
48
+ fill="white"
49
+ />
50
+ <path
51
+ fillRule="evenodd"
52
+ clipRule="evenodd"
53
+ d="M116.473 47.7569C116.473 44.9496 114.629 44.9017 113.086 44.9017H68.373C68.2775 44.9017 68.1818 44.9009 68.0864 44.9002C66.6421 44.8887 65.2658 44.8778 65.2658 47.5112V111.107C65.2658 113.914 66.7969 113.962 68.3401 113.962H113.712C115.255 113.962 116.506 113.914 116.506 111.107L116.473 47.7569ZM114.278 111.107L114.246 47.7569C114.246 47.4665 114.216 47.2916 114.192 47.1986C114.147 47.1877 114.082 47.1751 113.992 47.164C113.756 47.1347 113.48 47.1295 113.086 47.1295H68.373C68.2686 47.1295 68.1654 47.1287 68.0724 47.128L68.0662 47.1279C67.9685 47.1272 67.8818 47.1265 67.7973 47.1265C67.6857 47.1266 67.5918 47.1279 67.5103 47.1309C67.5007 47.2284 67.4937 47.3535 67.4937 47.5112V111.107C67.4937 111.393 67.516 111.585 67.5388 111.707C67.7259 111.729 67.9635 111.734 68.3401 111.734H113.712C113.945 111.734 114.113 111.732 114.243 111.726C114.263 111.584 114.278 111.383 114.278 111.107Z"
54
+ fill="#292A33"
55
+ />
56
+ <path
57
+ d="M71.4335 51.5818C71.4337 51.2743 71.683 51.0253 71.9904 51.0253H104.253C104.561 51.0253 104.81 51.2746 104.81 51.5822V100.038C104.81 100.346 104.561 100.595 104.253 100.595H71.9498C71.6421 100.595 71.3926 100.345 71.3929 100.037L71.4335 51.5818Z"
58
+ fill="#D9DAF9"
25
59
  />
26
60
  <rect
27
- id="Primary - 20"
28
- x="56"
29
- y="7.5"
30
- width="43"
31
- height="61"
32
- rx="2"
33
- fill="#D8DEF8"
61
+ x="158.685"
62
+ y="105.959"
63
+ width="11.9666"
64
+ height="2.51258"
65
+ rx="1.25629"
66
+ fill="#292A33"
67
+ />
68
+ <path
69
+ d="M115.392 106.164H153.823C154.438 106.164 154.937 106.663 154.937 107.278C154.937 107.894 154.438 108.392 153.823 108.392H115.392V106.164Z"
70
+ fill="#292A33"
71
+ />
72
+ <path
73
+ d="M31.2912 107.278C31.2912 106.663 31.7899 106.164 32.4051 106.164H66.9367V108.392H32.4051C31.7899 108.392 31.2912 107.894 31.2912 107.278Z"
74
+ fill="#292A33"
75
+ />
76
+ <rect
77
+ x="20.5965"
78
+ y="105.959"
79
+ width="7.71443"
80
+ height="2.5123"
81
+ rx="1.25615"
82
+ fill="#292A33"
83
+ />
84
+ <rect
85
+ x="92.557"
86
+ y="106.164"
87
+ width="7.71443"
88
+ height="2.5123"
89
+ rx="1.25615"
90
+ fill="#292A33"
91
+ />
92
+ <rect
93
+ x="111.221"
94
+ y="92.7974"
95
+ width="7.71443"
96
+ height="2.5123"
97
+ rx="1.25615"
98
+ transform="rotate(90 111.221 92.7974)"
99
+ fill="#292A33"
100
+ />
101
+ <rect
102
+ x="103.696"
103
+ y="106.164"
104
+ width="7.71443"
105
+ height="2.5123"
106
+ rx="1.25615"
107
+ fill="#292A33"
108
+ />
109
+ <path
110
+ fillRule="evenodd"
111
+ clipRule="evenodd"
112
+ d="M95.7816 69.3803C95.1918 69.3803 94.6563 69.8101 94.5091 70.4474C94.4068 70.8904 93.964 71.1667 93.5201 71.0646C93.0762 70.9625 92.7993 70.5206 92.9016 70.0777C93.2063 68.7581 94.3586 67.7341 95.7816 67.7341C97.2046 67.7341 98.3569 68.7581 98.6616 70.0777C98.764 70.5206 98.487 70.9625 98.0431 71.0646C97.5992 71.1667 97.1564 70.8904 97.0541 70.4474C96.9069 69.8101 96.3714 69.3803 95.7816 69.3803Z"
113
+ fill="#404064"
34
114
  />
35
115
  <path
36
- id="Primary"
37
116
  fillRule="evenodd"
38
117
  clipRule="evenodd"
39
- d="M126 31.5C126 30.3954 126.895 29.5 128 29.5H142C143.105 29.5 144 30.3954 144 31.5V45.5C144 46.6046 143.105 47.5 142 47.5H128C126.895 47.5 126 46.6046 126 45.5V31.5ZM135.651 42.5V41.7481C136.921 41.582 137.697 40.9175 137.697 39.9514C137.697 38.9415 137.157 38.2333 135.869 37.9667L134.785 37.7437C134.112 37.5995 133.928 37.4333 133.928 37.1011C133.928 36.7601 134.273 36.4672 135.007 36.4672C135.694 36.4672 135.888 36.7863 135.95 37.2585L137.584 37.2497C137.617 36.323 136.878 35.5667 135.666 35.3612V34.5H134.297V35.3568C133.08 35.5404 132.189 36.2355 132.204 37.2803C132.218 38.3077 132.914 38.9022 133.97 39.0814L135.064 39.2738C135.689 39.3874 135.988 39.5273 135.988 39.9514C135.988 40.3317 135.613 40.6333 134.984 40.6333C134.283 40.6333 133.804 40.3492 133.677 39.8421L132 39.8552C132.118 41.0005 132.957 41.6038 134.283 41.7525V42.5H135.651ZM130 51.5C129.448 51.5 129 51.9477 129 52.5C129 53.0523 129.448 53.5 130 53.5H132.151L121.903 64.1579L114 58.5V61L120.675 65.7366C121.483 66.365 122.635 66.2819 123.345 65.5441L134.926 53.5H140C140.552 53.5 141 53.0523 141 52.5C141 51.9477 140.552 51.5 140 51.5H130ZM49 58.5L43.6915 62.9564C42.4555 64.0276 42.9579 66.0487 44.5516 66.4165L61.8849 70.4165C62.0908 72.1532 63.5683 73.5 65.3604 73.5H68.8604C69.4127 73.5 69.8604 73.0523 69.8604 72.5C69.8604 71.9477 69.4127 71.5 68.8604 71.5H65.3604C64.532 71.5 63.8604 70.8284 63.8604 70C63.8604 69.1716 64.532 68.5 65.3604 68.5H66.3604C66.9127 68.5 67.3604 68.0523 67.3604 67.5C67.3604 66.9477 66.9127 66.5 66.3604 66.5H65.3604C63.9869 66.5 62.7983 67.2911 62.2252 68.4425L45.0014 64.4677L49 61V58.5Z"
40
- fill="#3B5BDB"
118
+ d="M80.4203 69.3803C79.8305 69.3803 79.2951 69.8101 79.1479 70.4474C79.0455 70.8904 78.6027 71.1667 78.1588 71.0646C77.7149 70.9625 77.438 70.5206 77.5403 70.0777C77.8451 68.7581 78.9973 67.7341 80.4203 67.7341C81.8434 67.7341 82.9956 68.7581 83.3004 70.0777C83.4027 70.5206 83.1258 70.9625 82.6818 71.0646C82.2379 71.1667 81.7951 70.8904 81.6928 70.4474C81.5456 69.8101 81.0102 69.3803 80.4203 69.3803Z"
119
+ fill="#404064"
41
120
  />
42
121
  <path
43
- id="Cool Grey - 80"
44
122
  fillRule="evenodd"
45
123
  clipRule="evenodd"
46
- d="M110 1.5H53C51.3431 1.5 50 2.84315 50 4.5V79.5C50 81.1569 51.3431 82.5 53 82.5H59H60H103H104H110C111.657 82.5 113 81.1569 113 79.5V4.5C113 2.84315 111.657 1.5 110 1.5ZM53 83.5H59V95.5V96.5H60H103H104V95.5V83.5H110C112.209 83.5 114 81.7091 114 79.5V72.5H143.5C143.776 72.5 144 72.2761 144 72C144 71.7239 143.776 71.5 143.5 71.5H114V4.5C114 2.29086 112.209 0.5 110 0.5H53C50.7909 0.5 49 2.29086 49 4.5V71.5H19.5C19.2239 71.5 19 71.7239 19 72C19 72.2761 19.2239 72.5 19.5 72.5H49V79.5C49 81.7091 50.7909 83.5 53 83.5ZM60 83.5H103V95.5H60V83.5ZM68.7502 42.5C69.1644 42.5 69.5002 42.8358 69.5002 43.25V44.25C69.5002 44.9404 70.0599 45.5 70.7502 45.5H83.7502C84.4406 45.5 85.0002 44.9404 85.0002 44.25V43.25C85.0002 42.8358 85.336 42.5 85.7502 42.5C86.1644 42.5 86.5002 42.8358 86.5002 43.25V44.25C86.5002 45.7688 85.269 47 83.7502 47H70.7502C69.2314 47 68.0002 45.7688 68.0002 44.25V43.25C68.0002 42.8358 68.336 42.5 68.7502 42.5ZM83.4617 30.9872C83.8987 29.6761 84.6815 29 85.7502 29C86.8189 29 87.6017 29.6761 88.0387 30.9872C88.1697 31.3801 88.5944 31.5925 88.9874 31.4615C89.3803 31.3305 89.5927 30.9058 89.4617 30.5128C88.8987 28.8239 87.6815 27.5 85.7502 27.5C83.8189 27.5 82.6017 28.8239 82.0387 30.5128C81.9077 30.9058 82.1201 31.3305 82.513 31.4615C82.906 31.5925 83.3307 31.3801 83.4617 30.9872ZM68.7502 29C67.6815 29 66.8987 29.6761 66.4617 30.9872C66.3307 31.3801 65.906 31.5925 65.513 31.4615C65.1201 31.3305 64.9077 30.9058 65.0387 30.5128C65.6017 28.8239 66.8189 27.5 68.7502 27.5C70.6815 27.5 71.8987 28.8239 72.4617 30.5128C72.5927 30.9058 72.3803 31.3305 71.9874 31.4615C71.5944 31.5925 71.1697 31.3801 71.0387 30.9872C70.6017 29.6761 69.8189 29 68.7502 29ZM84 74.5H98V76.5H84V74.5ZM83 74.5C83 73.9477 83.4477 73.5 84 73.5H98C98.5523 73.5 99 73.9477 99 74.5V76.5C99 77.0523 98.5523 77.5 98 77.5H84C83.4477 77.5 83 77.0523 83 76.5V74.5ZM107 38.5H105V52.5H107V38.5ZM105 37.5C104.448 37.5 104 37.9477 104 38.5V52.5C104 53.0523 104.448 53.5 105 53.5H107C107.552 53.5 108 53.0523 108 52.5V38.5C108 37.9477 107.552 37.5 107 37.5H105Z"
47
- fill="#3B414D"
124
+ d="M82.8492 79.9152C83.3048 79.9152 83.6741 80.2837 83.6741 80.7383C83.6741 81.4275 84.234 81.9861 84.9246 81.9861H91.2784C91.969 81.9861 92.5289 81.4275 92.5289 80.7383C92.5289 80.2837 92.8982 79.9152 93.3538 79.9152C93.8094 79.9152 94.1788 80.2837 94.1788 80.7383C94.1788 82.3367 92.8802 83.6325 91.2784 83.6325H84.9246C83.3228 83.6325 82.0242 82.3367 82.0242 80.7383C82.0242 80.2837 82.3936 79.9152 82.8492 79.9152Z"
125
+ fill="#404064"
126
+ />
127
+ <path
128
+ d="M116.506 58.5392H151.249C151.801 58.5392 152.249 58.9869 152.249 59.5392V66.3323C152.249 66.8846 151.801 67.3324 151.249 67.3324H116.506V58.5392Z"
129
+ fill="#8F8CF0"
130
+ />
131
+ <rect
132
+ x="141.699"
133
+ y="61.9937"
134
+ width="7.08469"
135
+ height="1.88422"
136
+ rx="0.942111"
137
+ fill="#FEFEFE"
138
+ />
139
+ <rect
140
+ x="134.929"
141
+ y="61.9937"
142
+ width="4.25081"
143
+ height="1.88422"
144
+ rx="0.942111"
145
+ fill="#FEFEFE"
146
+ />
147
+ <rect
148
+ x="122.332"
149
+ y="61.9937"
150
+ width="10.0771"
151
+ height="1.88444"
152
+ rx="0.942218"
153
+ fill="#FEFEFE"
154
+ />
155
+ <path
156
+ d="M116.506 61.9937H118.87C119.391 61.9937 119.813 62.4154 119.813 62.9358C119.813 63.4561 119.391 63.8779 118.87 63.8779H116.506V61.9937Z"
157
+ fill="#FEFEFE"
158
+ />
159
+ <rect
160
+ x="123.73"
161
+ y="66.0762"
162
+ width="50.7006"
163
+ height="8.79317"
164
+ rx="1.5"
165
+ fill="#B4B3F4"
166
+ />
167
+ <rect
168
+ x="160.259"
169
+ y="69.5306"
170
+ width="10.707"
171
+ height="1.88444"
172
+ rx="0.942218"
173
+ fill="#FEFEFE"
174
+ />
175
+ <rect
176
+ x="144.514"
177
+ y="69.5306"
178
+ width="13.2262"
179
+ height="1.88444"
180
+ rx="0.942218"
181
+ fill="#FEFEFE"
182
+ />
183
+ <rect
184
+ x="137.428"
185
+ y="69.5306"
186
+ width="4.56569"
187
+ height="1.88422"
188
+ rx="0.942111"
189
+ fill="#FEFEFE"
190
+ />
191
+ <rect
192
+ x="127.194"
193
+ y="69.5306"
194
+ width="7.71443"
195
+ height="1.88422"
196
+ rx="0.942111"
197
+ fill="#FEFEFE"
198
+ />
199
+ <path
200
+ d="M116.506 94.1898V97.1663L124.357 101.424C125.023 101.785 125.848 101.663 126.38 101.125L136.503 90.8855H133.039L125.398 98.8104C125.262 98.9514 125.047 98.9814 124.878 98.883L116.506 94.1898Z"
201
+ fill="#6145F7"
202
+ />
203
+ <path
204
+ d="M129.316 89.6295C129.316 88.9356 129.88 88.3732 130.575 88.3732H140.969C141.664 88.3732 142.228 88.9356 142.228 89.6295C142.228 90.3233 141.664 90.8858 140.969 90.8858H130.575C129.88 90.8858 129.316 90.3233 129.316 89.6295Z"
205
+ fill="#6145F7"
206
+ />
207
+ <path
208
+ fillRule="evenodd"
209
+ clipRule="evenodd"
210
+ d="M83.2849 99.6975C84.0428 99.7896 84.5824 100.477 84.4901 101.234C84.4309 101.719 84.4003 102.213 84.4003 102.716C84.4003 104.558 84.8114 106.3 85.5457 107.86C85.8703 108.55 85.5732 109.372 84.8821 109.695C84.1911 110.019 83.3677 109.723 83.0431 109.033C82.1397 107.114 81.6354 104.972 81.6354 102.716C81.6354 102.102 81.6728 101.496 81.7455 100.9C81.8378 100.144 82.527 99.6054 83.2849 99.6975Z"
211
+ fill="#6145F7"
212
+ />
213
+ <path
214
+ d="M65.5443 91.6835V94.7467L64.1232 95.4096C70.0803 98.0349 83.3328 103.878 83.3328 103.878V106.757L61.1761 96.9568C59.9803 96.4279 59.9361 94.6225 61.1044 94.0266L65.5443 91.6835Z"
215
+ fill="#6145F7"
216
+ />
217
+ <rect
218
+ x="125.975"
219
+ y="68.4315"
220
+ width="17.635"
221
+ height="17.5863"
222
+ rx="8.439"
223
+ fill="#6145F7"
224
+ />
225
+ <path
226
+ d="M135.726 72.5382V73.5822C137.038 73.8131 137.835 74.7158 137.819 75.8019L136.283 75.8282C136.189 75.1567 135.886 74.7472 135.084 74.7472C134.256 74.7473 133.745 75.1252 133.745 75.6759C133.745 76.1167 133.985 76.3377 134.803 76.5529L136.017 76.8517C137.387 77.1823 137.955 78.0118 137.955 79.1505C137.955 80.2943 137.085 81.0918 135.694 81.2755V82.215H134.381V81.2804C132.953 81.1177 132.031 80.4039 131.891 79.0763L133.475 79.045C133.636 79.7376 134.219 80.1055 135.053 80.1056C135.803 80.1056 136.34 79.7008 136.34 79.1603C136.34 78.5992 135.991 78.3682 135.257 78.2003L134.021 77.9327C132.87 77.6966 132.13 77.0196 132.114 75.8546C132.104 74.6162 133.063 73.7819 134.407 73.5773V72.5382H135.726Z"
227
+ fill="white"
228
+ />
229
+ <mask
230
+ id="mask0_9348_204"
231
+ maskUnits="userSpaceOnUse"
232
+ x="131"
233
+ y="72"
234
+ width="7"
235
+ height="11"
236
+ >
237
+ <path
238
+ d="M135.726 72.5382V73.5822C137.038 73.8131 137.835 74.7158 137.819 75.8019L136.283 75.8282C136.189 75.1567 135.886 74.7472 135.084 74.7472C134.256 74.7473 133.745 75.1252 133.745 75.6759C133.745 76.1167 133.985 76.3377 134.803 76.5529L136.017 76.8517C137.387 77.1823 137.955 78.0118 137.955 79.1505C137.955 80.2943 137.085 81.0918 135.694 81.2755V82.215H134.381V81.2804C132.953 81.1177 132.031 80.4039 131.891 79.0763L133.475 79.045C133.636 79.7376 134.219 80.1055 135.053 80.1056C135.803 80.1056 136.34 79.7008 136.34 79.1603C136.34 78.5992 135.991 78.3682 135.257 78.2003L134.021 77.9327C132.87 77.6966 132.13 77.0196 132.114 75.8546C132.104 74.6162 133.063 73.7819 134.407 73.5773V72.5382H135.726Z"
239
+ fill="white"
240
+ />
241
+ </mask>
242
+ <g mask="url(#mask0_9348_204)">
243
+ <rect
244
+ x="127.645"
245
+ y="69.9679"
246
+ width="14.5552"
247
+ height="14.515"
248
+ fill="white"
249
+ />
250
+ </g>
251
+ <path
252
+ d="M73.6203 111.734H107.595V121.202C107.595 121.818 107.096 122.316 106.481 122.316H74.7342C74.119 122.316 73.6203 121.818 73.6203 121.202V111.734Z"
253
+ fill="white"
48
254
  />
49
255
  <path
50
- id="Cool Gray - 20"
51
256
  fillRule="evenodd"
52
257
  clipRule="evenodd"
53
- d="M107 38.5H105V52.5H107V38.5ZM98 74.5H84V76.5H98V74.5Z"
54
- fill="#E5E7EC"
258
+ d="M105.367 113.962H75.8481V120.089H105.367V113.962ZM73.6203 111.734V121.202C73.6203 121.818 74.119 122.316 74.7342 122.316H106.481C107.096 122.316 107.595 121.818 107.595 121.202V111.734H73.6203Z"
259
+ fill="#292A33"
55
260
  />
56
261
  </g>
57
262
  </svg>
@@ -0,0 +1,33 @@
1
+ import React from "react";
2
+
3
+ const MasterCardSmallIcon = () => {
4
+ return (
5
+ <svg
6
+ width="24"
7
+ height="16"
8
+ viewBox="0 0 24 16"
9
+ fill="none"
10
+ xmlns="http://www.w3.org/2000/svg"
11
+ >
12
+ <rect width="24" height="16" rx="1" fill="#F6F6F9" />
13
+ <path
14
+ d="M14.4736 3.37988H9.51318V12.2939H14.4736V3.37988Z"
15
+ fill="#FF5F00"
16
+ />
17
+ <path
18
+ d="M9.82814 7.83688C9.82736 6.9784 10.0219 6.13099 10.397 5.35881C10.7722 4.58662 11.318 3.90991 11.9934 3.37989C11.1571 2.72254 10.1527 2.31374 9.09506 2.20022C8.03741 2.08671 6.96917 2.27304 6.01242 2.73794C5.05567 3.20284 4.24902 3.92755 3.68467 4.82922C3.12032 5.7309 2.82104 6.77316 2.82104 7.83688C2.82104 8.9006 3.12032 9.94286 3.68467 10.8445C4.24902 11.7462 5.05567 12.4709 6.01242 12.9358C6.96917 13.4007 8.03741 13.5871 9.09506 13.4735C10.1527 13.36 11.1571 12.9512 11.9934 12.2939C11.3181 11.7638 10.7722 11.0871 10.397 10.3149C10.0219 9.54276 9.82736 8.69536 9.82814 7.83688Z"
19
+ fill="#EB001B"
20
+ />
21
+ <path
22
+ d="M21.1655 7.83688C21.1655 8.90058 20.8663 9.94284 20.3019 10.8445C19.7376 11.7462 18.931 12.4709 17.9743 12.9358C17.0175 13.4007 15.9493 13.587 14.8917 13.4735C13.834 13.36 12.8297 12.9512 11.9934 12.2939C12.6681 11.7633 13.2136 11.0865 13.5887 10.3144C13.9637 9.54237 14.1586 8.69522 14.1586 7.83688C14.1586 6.97853 13.9637 6.13139 13.5887 5.35933C13.2136 4.58727 12.6681 3.91044 11.9934 3.37989C12.8297 2.72254 13.834 2.31374 14.8917 2.20022C15.9493 2.08671 17.0175 2.27305 17.9743 2.73796C18.931 3.20286 19.7376 3.92757 20.3019 4.82924C20.8663 5.73092 21.1655 6.77317 21.1655 7.83688Z"
23
+ fill="#F79E1B"
24
+ />
25
+ <path
26
+ d="M20.6247 11.3497V11.1672H20.6983V11.1301H20.5109V11.1672H20.5845V11.3497H20.6247ZM20.9885 11.3497V11.1297H20.9311L20.865 11.281L20.7989 11.1297H20.7414V11.3497H20.782V11.1838L20.844 11.3269H20.886L20.948 11.1834V11.3497H20.9885Z"
27
+ fill="#F79E1B"
28
+ />
29
+ </svg>
30
+ );
31
+ };
32
+
33
+ export default MasterCardSmallIcon;