@thecb/components 11.2.9 → 11.2.10-beta.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.
- package/dist/index.cjs.js +6358 -9860
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +8324 -11827
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/icons/GuidedCheckoutImage.js +32 -27
- package/src/components/atoms/icons/Icons.stories.js +20 -10
- package/src/components/atoms/icons/KioskImage.js +38 -358
- package/src/components/atoms/icons/PaydotImage.d.ts +1 -0
- package/src/components/atoms/icons/PaydotImage.js +46 -0
- package/src/components/atoms/icons/PointOfSaleImage.js +16 -411
- package/src/components/atoms/icons/ProfileImage.js +15 -20
- package/src/components/atoms/icons/RevenueManagementImage.js +27 -423
- package/src/components/atoms/icons/StandardCheckoutImage.js +26 -351
- package/src/components/atoms/icons/index.js +3 -1
- package/src/.DS_Store +0 -0
- package/src/components/.DS_Store +0 -0
- package/src/components/atoms/.DS_Store +0 -0
- package/src/components/atoms/nav-footer/.DS_Store +0 -0
- package/src/components/molecules/.DS_Store +0 -0
- package/src/components/molecules/obligation/.DS_Store +0 -0
package/package.json
CHANGED
|
@@ -3,35 +3,40 @@ import React from "react";
|
|
|
3
3
|
const GuidedCheckoutImage = () => {
|
|
4
4
|
return (
|
|
5
5
|
<svg
|
|
6
|
-
width="186"
|
|
7
|
-
height="96"
|
|
8
|
-
viewBox="0 0 186 96"
|
|
9
|
-
fill="none"
|
|
10
6
|
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
+
width="157"
|
|
8
|
+
height="107"
|
|
9
|
+
viewBox="0 0 157 107"
|
|
10
|
+
fill="none"
|
|
11
11
|
>
|
|
12
|
-
<
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
12
|
+
<g id="Illustration - Cart">
|
|
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"
|
|
16
|
+
fill="white"
|
|
17
|
+
/>
|
|
18
|
+
<path
|
|
19
|
+
id="Primary - 40"
|
|
20
|
+
fillRule="evenodd"
|
|
21
|
+
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"
|
|
24
|
+
/>
|
|
25
|
+
<path
|
|
26
|
+
id="Cool Gray - 80"
|
|
27
|
+
fillRule="evenodd"
|
|
28
|
+
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"
|
|
31
|
+
/>
|
|
32
|
+
<path
|
|
33
|
+
id="Primary"
|
|
34
|
+
fillRule="evenodd"
|
|
35
|
+
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"
|
|
38
|
+
/>
|
|
39
|
+
</g>
|
|
35
40
|
</svg>
|
|
36
41
|
);
|
|
37
42
|
};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import * as icons from "./index";
|
|
2
3
|
import styled from "styled-components";
|
|
3
4
|
import { MANATEE_GREY } from "../../../constants/colors";
|
|
@@ -148,7 +149,7 @@ const meta = {
|
|
|
148
149
|
}
|
|
149
150
|
};
|
|
150
151
|
|
|
151
|
-
const
|
|
152
|
+
const StyledIconList = styled.ul`
|
|
152
153
|
align-items: center;
|
|
153
154
|
display: flex;
|
|
154
155
|
flex-direction: column;
|
|
@@ -177,14 +178,22 @@ const StyledIconLIst = styled.ul`
|
|
|
177
178
|
`;
|
|
178
179
|
|
|
179
180
|
const IconList = ({ iconNames }) => (
|
|
180
|
-
<
|
|
181
|
-
{iconNames.map(icon =>
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
181
|
+
<StyledIconList>
|
|
182
|
+
{iconNames.map(icon => {
|
|
183
|
+
const IconComponent = icons[icon];
|
|
184
|
+
if (!IconComponent) {
|
|
185
|
+
console.warn(`No icon found for ${icon}`);
|
|
186
|
+
}
|
|
187
|
+
return (
|
|
188
|
+
IconComponent && (
|
|
189
|
+
<li key={icon} style={{ textAlign: "center", paddingBottom: "2em" }}>
|
|
190
|
+
<IconComponent linkColor={MANATEE_GREY} />
|
|
191
|
+
<div className="icon-name">{icon}</div>
|
|
192
|
+
</li>
|
|
193
|
+
)
|
|
194
|
+
);
|
|
195
|
+
})}
|
|
196
|
+
</StyledIconList>
|
|
188
197
|
);
|
|
189
198
|
|
|
190
199
|
const genericIcons = [
|
|
@@ -289,7 +298,8 @@ const mascotIcons = [
|
|
|
289
298
|
"RevenueManagementImage",
|
|
290
299
|
"ProfileImage",
|
|
291
300
|
"StandardCheckoutImage",
|
|
292
|
-
"WalletBannerIcon"
|
|
301
|
+
"WalletBannerIcon",
|
|
302
|
+
"PaydotImage"
|
|
293
303
|
];
|
|
294
304
|
|
|
295
305
|
export const GenericIcons = () => <IconList iconNames={genericIcons} />;
|
|
@@ -2,378 +2,58 @@ import React from "react";
|
|
|
2
2
|
|
|
3
3
|
const KioskImage = () => (
|
|
4
4
|
<svg
|
|
5
|
-
width={191}
|
|
6
|
-
height={96}
|
|
7
|
-
viewBox="0 0 191 96"
|
|
8
|
-
fill="none"
|
|
9
5
|
xmlns="http://www.w3.org/2000/svg"
|
|
6
|
+
width="157"
|
|
7
|
+
height="102"
|
|
8
|
+
viewBox="0 0 157 102"
|
|
9
|
+
fill="none"
|
|
10
10
|
>
|
|
11
|
-
<
|
|
12
|
-
fillRule="evenodd"
|
|
13
|
-
clipRule="evenodd"
|
|
14
|
-
d="M12.4433 28.1096C12.4164 28.11 12.3894 28.1102 12.3624 28.1102C9.63896 28.1102 7.43115 25.9085 7.43115 23.1926C7.43115 20.4766 9.63896 18.2749 12.3624 18.2749C13.4748 18.2749 14.5012 18.6422 15.3263 19.2619C16.1831 16.4509 18.8028 14.4053 21.9017 14.4053C25.4863 14.4053 28.4299 17.1426 28.7452 20.6355C29.4629 20.0662 30.3716 19.726 31.3599 19.726C33.6816 19.726 35.5636 21.6029 35.5636 23.9181C35.5636 26.2334 33.6816 28.1102 31.3599 28.1102C31.3058 28.1102 31.2519 28.1092 31.1983 28.1072V28.1105H12.4433V28.1096Z"
|
|
15
|
-
fill="#3B5BDB"
|
|
16
|
-
fillOpacity={0.3}
|
|
17
|
-
/>
|
|
18
|
-
<path
|
|
19
|
-
fillRule="evenodd"
|
|
20
|
-
clipRule="evenodd"
|
|
21
|
-
d="M17.077 59.7212C17.0639 59.7214 17.0507 59.7215 17.0375 59.7215C15.7078 59.7215 14.6299 58.6466 14.6299 57.3205C14.6299 55.9945 15.7078 54.9196 17.0375 54.9196C17.5806 54.9196 18.0817 55.0989 18.4845 55.4014C18.9029 54.029 20.1819 53.0303 21.6949 53.0303C23.4451 53.0303 24.8824 54.3669 25.0362 56.0724C25.3866 55.7944 25.8302 55.6283 26.3128 55.6283C27.4463 55.6283 28.3652 56.5447 28.3652 57.6751C28.3652 58.8054 27.4463 59.7218 26.3128 59.7218C26.2864 59.7218 26.26 59.7213 26.2339 59.7203V59.7217H17.077V59.7212Z"
|
|
22
|
-
fill="#3B5BDB"
|
|
23
|
-
fillOpacity={0.3}
|
|
24
|
-
/>
|
|
25
|
-
<path
|
|
26
|
-
fillRule="evenodd"
|
|
27
|
-
clipRule="evenodd"
|
|
28
|
-
d="M51.8554 45.6714C51.8755 45.6718 51.8958 45.6719 51.916 45.6719C53.9561 45.6719 55.6099 43.9769 55.6099 41.886C55.6099 39.7952 53.9561 38.1002 51.916 38.1002C51.0827 38.1002 50.3139 38.383 49.6959 38.86C49.0541 36.6959 47.0917 35.1211 44.7705 35.1211C42.0852 35.1211 39.8802 37.2286 39.6442 39.9179C39.1066 39.4796 38.4259 39.2177 37.6855 39.2177C35.9465 39.2177 34.5367 40.6626 34.5367 42.445C34.5367 44.2274 35.9465 45.6723 37.6855 45.6723C37.7261 45.6723 37.7665 45.6715 37.8066 45.67V45.6721H51.8554V45.6714Z"
|
|
29
|
-
fill="#3B5BDB"
|
|
30
|
-
fillOpacity={0.3}
|
|
31
|
-
/>
|
|
32
|
-
<path
|
|
33
|
-
fillRule="evenodd"
|
|
34
|
-
clipRule="evenodd"
|
|
35
|
-
d="M150.742 16.4655C150.66 16.4725 150.577 16.476 150.493 16.476C148.894 16.476 147.597 15.183 147.597 13.588C147.597 11.993 148.894 10.7 150.493 10.7C150.688 10.7 150.878 10.7192 151.062 10.7558C151.584 8.82245 153.354 7.39941 155.457 7.39941C157.417 7.39941 159.087 8.63418 159.728 10.366C159.937 10.263 160.173 10.2052 160.422 10.2052C161.008 10.2052 161.518 10.5242 161.789 10.9973C162.175 10.807 162.61 10.7 163.07 10.7C164.669 10.7 165.966 11.993 165.966 13.588C165.966 15.183 164.669 16.476 163.07 16.476C163.042 16.476 163.015 16.4756 162.987 16.4748V16.476H150.742V16.4655Z"
|
|
36
|
-
fill="#3B5BDB"
|
|
37
|
-
fillOpacity={0.3}
|
|
38
|
-
/>
|
|
39
|
-
<path
|
|
40
|
-
d="M115.317 86.6337C115.317 88.8967 104.441 90.7313 91.0246 90.7313C77.6081 90.7313 66.7319 88.8967 66.7319 86.6337C66.7319 84.3707 77.6081 82.5361 91.0246 82.5361C104.441 82.5361 115.317 84.3707 115.317 86.6337Z"
|
|
41
|
-
fill="#3B5BDB"
|
|
42
|
-
fillOpacity={0.3}
|
|
43
|
-
/>
|
|
44
|
-
<path
|
|
45
|
-
fillRule="evenodd"
|
|
46
|
-
clipRule="evenodd"
|
|
47
|
-
d="M67.656 5.85669C66.0341 5.85669 64.3904 5.64884 64.3904 8.59922V75.4381C64.3904 78.3885 65.9995 78.4389 67.6214 78.4389H115.307C116.929 78.4389 118.244 78.3885 118.244 75.4381L118.209 8.85746C118.209 5.90708 116.271 5.85669 114.649 5.85669H67.656Z"
|
|
48
|
-
fill="white"
|
|
49
|
-
/>
|
|
50
|
-
<path
|
|
51
|
-
fillRule="evenodd"
|
|
52
|
-
clipRule="evenodd"
|
|
53
|
-
d="M118.209 8.85746C118.209 5.90708 116.271 5.85669 114.649 5.85669H67.656C67.5556 5.85669 67.455 5.85589 67.3548 5.85509C65.8368 5.84305 64.3904 5.83158 64.3904 8.59922V75.4381C64.3904 78.3885 65.9995 78.4389 67.6214 78.4389H115.307C116.929 78.4389 118.244 78.3885 118.244 75.4381L118.209 8.85746ZM115.903 75.4381L115.868 8.85746C115.868 8.55226 115.836 8.36846 115.811 8.27076C115.764 8.25927 115.696 8.24597 115.602 8.23432C115.354 8.20357 115.063 8.19815 114.649 8.19815H67.656C67.5462 8.19815 67.4378 8.19729 67.3401 8.19651L67.3335 8.19646C67.2309 8.19565 67.1397 8.19495 67.051 8.19498C66.9336 8.19503 66.8349 8.19644 66.7493 8.19961C66.7392 8.30204 66.7318 8.43357 66.7318 8.59922V75.4381C66.7318 75.7386 66.7553 75.9409 66.7793 76.0687C66.9759 76.092 67.2256 76.0974 67.6214 76.0974H115.307C115.552 76.0974 115.729 76.0952 115.866 76.0889C115.886 75.9395 115.903 75.7279 115.903 75.4381Z"
|
|
54
|
-
fill="#292A33"
|
|
55
|
-
/>
|
|
56
|
-
<path
|
|
57
|
-
d="M70.8725 12.8778C70.8727 12.5547 71.1347 12.293 71.4578 12.293H105.366C105.689 12.293 105.951 12.555 105.951 12.8783V63.8052C105.951 64.1285 105.689 64.3905 105.366 64.3905H71.4152C71.0917 64.3905 70.8296 64.1282 70.8298 63.8047L70.8725 12.8778Z"
|
|
58
|
-
fill="#EBEFFB"
|
|
59
|
-
/>
|
|
60
|
-
<rect
|
|
61
|
-
x={162.573}
|
|
62
|
-
y={70.0283}
|
|
63
|
-
width={12.5769}
|
|
64
|
-
height={2.64072}
|
|
65
|
-
rx={1.32036}
|
|
66
|
-
fill="#292A33"
|
|
67
|
-
/>
|
|
68
|
-
<path
|
|
69
|
-
d="M117.073 70.2441H157.463C158.11 70.2441 158.634 70.7683 158.634 71.4149V71.4149C158.634 72.0614 158.11 72.5856 157.463 72.5856H117.073V70.2441Z"
|
|
70
|
-
fill="#292A33"
|
|
71
|
-
/>
|
|
72
|
-
<path
|
|
73
|
-
d="M28.6829 71.4149C28.6829 70.7683 29.207 70.2441 29.8536 70.2441H66.1463V72.5856H29.8536C29.207 72.5856 28.6829 72.0614 28.6829 71.4149V71.4149Z"
|
|
74
|
-
fill="#292A33"
|
|
75
|
-
/>
|
|
76
|
-
<rect
|
|
77
|
-
x={17.4429}
|
|
78
|
-
y={70.0283}
|
|
79
|
-
width={8.10877}
|
|
80
|
-
height={2.64072}
|
|
81
|
-
rx={1.32036}
|
|
82
|
-
fill="#292A33"
|
|
83
|
-
/>
|
|
84
|
-
<rect
|
|
85
|
-
x={93.0732}
|
|
86
|
-
y={70.2441}
|
|
87
|
-
width={8.10877}
|
|
88
|
-
height={2.64072}
|
|
89
|
-
rx={1.32036}
|
|
90
|
-
fill="#292A33"
|
|
91
|
-
/>
|
|
92
|
-
<rect
|
|
93
|
-
x={112.689}
|
|
94
|
-
y={56.1953}
|
|
95
|
-
width={8.10877}
|
|
96
|
-
height={2.64072}
|
|
97
|
-
rx={1.32036}
|
|
98
|
-
transform="rotate(90 112.689 56.1953)"
|
|
99
|
-
fill="#292A33"
|
|
100
|
-
/>
|
|
101
|
-
<rect
|
|
102
|
-
x={104.781}
|
|
103
|
-
y={70.2441}
|
|
104
|
-
width={8.10877}
|
|
105
|
-
height={2.64072}
|
|
106
|
-
rx={1.32036}
|
|
107
|
-
fill="#292A33"
|
|
108
|
-
/>
|
|
109
|
-
<path
|
|
110
|
-
fillRule="evenodd"
|
|
111
|
-
clipRule="evenodd"
|
|
112
|
-
d="M96.4624 31.5838C95.8425 31.5838 95.2796 32.0356 95.1249 32.7055C95.0174 33.1711 94.5519 33.4615 94.0853 33.3542C93.6187 33.2469 93.3276 32.7825 93.4352 32.3169C93.7555 30.9299 94.9667 29.8535 96.4624 29.8535C97.9582 29.8535 99.1694 30.9299 99.4897 32.3169C99.5972 32.7825 99.3062 33.2469 98.8396 33.3542C98.3729 33.4615 97.9075 33.1711 97.8 32.7055C97.6452 32.0356 97.0824 31.5838 96.4624 31.5838Z"
|
|
113
|
-
fill="#3B5BDB"
|
|
114
|
-
/>
|
|
115
|
-
<path
|
|
116
|
-
fillRule="evenodd"
|
|
117
|
-
clipRule="evenodd"
|
|
118
|
-
d="M80.3179 31.5838C79.6979 31.5838 79.1351 32.0356 78.9804 32.7055C78.8728 33.1711 78.4074 33.4615 77.9408 33.3542C77.4742 33.2469 77.1831 32.7825 77.2907 32.3169C77.611 30.9299 78.8221 29.8535 80.3179 29.8535C81.8137 29.8535 83.0248 30.9299 83.3452 32.3169C83.4527 32.7825 83.1616 33.2469 82.695 33.3542C82.2284 33.4615 81.763 33.1711 81.6554 32.7055C81.5007 32.0356 80.9379 31.5838 80.3179 31.5838Z"
|
|
119
|
-
fill="#3B5BDB"
|
|
120
|
-
/>
|
|
121
|
-
<path
|
|
122
|
-
fillRule="evenodd"
|
|
123
|
-
clipRule="evenodd"
|
|
124
|
-
d="M82.8702 42.6553C83.349 42.6553 83.7372 43.0426 83.7372 43.5204C83.7372 44.2447 84.3256 44.8319 85.0514 44.8319H91.7293C92.4551 44.8319 93.0435 44.2447 93.0435 43.5204C93.0435 43.0426 93.4317 42.6553 93.9105 42.6553C94.3894 42.6553 94.7775 43.0426 94.7775 43.5204C94.7775 45.2003 93.4128 46.5622 91.7293 46.5622H85.0514C83.3679 46.5622 82.0032 45.2003 82.0032 43.5204C82.0032 43.0426 82.3914 42.6553 82.8702 42.6553Z"
|
|
125
|
-
fill="#3B5BDB"
|
|
126
|
-
/>
|
|
127
|
-
<g filter="url(#filter0_d_4997_39198)">
|
|
11
|
+
<g id="Illustration - Kiosk">
|
|
128
12
|
<path
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
y={23.8203}
|
|
135
|
-
width={7.44683}
|
|
136
|
-
height={1.98054}
|
|
137
|
-
rx={0.990269}
|
|
138
|
-
fill="#959CA8"
|
|
139
|
-
/>
|
|
140
|
-
<rect
|
|
141
|
-
x={137.606}
|
|
142
|
-
y={23.8203}
|
|
143
|
-
width={4.4681}
|
|
144
|
-
height={1.98054}
|
|
145
|
-
rx={0.990269}
|
|
146
|
-
fill="#959CA8"
|
|
147
|
-
/>
|
|
148
|
-
<rect
|
|
149
|
-
x={124.367}
|
|
150
|
-
y={23.8203}
|
|
151
|
-
width={10.5911}
|
|
152
|
-
height={1.98054}
|
|
153
|
-
rx={0.990269}
|
|
154
|
-
fill="#959CA8"
|
|
13
|
+
id="Primary - 40"
|
|
14
|
+
fillRule="evenodd"
|
|
15
|
+
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"
|
|
155
18
|
/>
|
|
156
19
|
<path
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
<rect
|
|
163
|
-
x={125.836}
|
|
164
|
-
y={28.1113}
|
|
165
|
-
width={53.2862}
|
|
166
|
-
height={9.2416}
|
|
167
|
-
rx={4.5008}
|
|
168
|
-
fill="white"
|
|
20
|
+
id="Union"
|
|
21
|
+
fillRule="evenodd"
|
|
22
|
+
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"
|
|
169
25
|
/>
|
|
170
26
|
<rect
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
27
|
+
id="Primary - 20"
|
|
28
|
+
x="56"
|
|
29
|
+
y="7.5"
|
|
30
|
+
width="43"
|
|
31
|
+
height="61"
|
|
32
|
+
rx="2"
|
|
33
|
+
fill="#D8DEF8"
|
|
177
34
|
/>
|
|
178
|
-
<
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
rx={0.990269}
|
|
184
|
-
fill="#959CA8"
|
|
185
|
-
/>
|
|
186
|
-
<rect
|
|
187
|
-
x={140.233}
|
|
188
|
-
y={31.7422}
|
|
189
|
-
width={4.79907}
|
|
190
|
-
height={1.98054}
|
|
191
|
-
rx={0.990269}
|
|
192
|
-
fill="#959CA8"
|
|
193
|
-
/>
|
|
194
|
-
<rect
|
|
195
|
-
x={129.477}
|
|
196
|
-
y={31.7422}
|
|
197
|
-
width={8.10877}
|
|
198
|
-
height={1.98054}
|
|
199
|
-
rx={0.990269}
|
|
200
|
-
fill="#959CA8"
|
|
201
|
-
/>
|
|
202
|
-
</g>
|
|
203
|
-
<path
|
|
204
|
-
d="M118.244 57.6594V60.7877L126.495 65.2624C127.195 65.6421 128.062 65.5138 128.622 64.9478L139.261 54.1865H135.62L127.589 62.5156C127.446 62.6637 127.22 62.6953 127.042 62.5919L118.244 57.6594Z"
|
|
205
|
-
fill="#3B5BDB"
|
|
206
|
-
/>
|
|
207
|
-
<path
|
|
208
|
-
d="M131.708 52.8663C131.708 52.137 132.3 51.5459 133.031 51.5459H143.954C144.685 51.5459 145.277 52.137 145.277 52.8663V52.8663C145.277 53.5955 144.685 54.1866 143.954 54.1866H133.031C132.3 54.1866 131.708 53.5955 131.708 52.8663V52.8663Z"
|
|
209
|
-
fill="#3B5BDB"
|
|
210
|
-
/>
|
|
211
|
-
<path
|
|
212
|
-
fillRule="evenodd"
|
|
213
|
-
clipRule="evenodd"
|
|
214
|
-
d="M83.3283 63.4473C84.1249 63.5441 84.692 64.267 84.595 65.0618C84.5327 65.5717 84.5006 66.0914 84.5006 66.6193C84.5006 68.5554 84.9326 70.3868 85.7044 72.0265C86.0456 72.7512 85.7333 73.6147 85.007 73.9551C84.2807 74.2955 83.4154 73.984 83.0742 73.2592C82.1247 71.2419 81.5947 68.9903 81.5947 66.6193C81.5947 65.974 81.634 65.3372 81.7104 64.7112C81.8074 63.9164 82.5318 63.3505 83.3283 63.4473Z"
|
|
215
|
-
fill="#3B5BDB"
|
|
216
|
-
/>
|
|
217
|
-
<path
|
|
218
|
-
d="M64.683 55.0245V58.244L63.1895 58.9406C69.4503 61.6998 83.3787 67.841 83.3787 67.841V70.8672L60.092 60.5667C58.8353 60.0108 58.7888 58.1134 60.0167 57.4871L64.683 55.0245Z"
|
|
219
|
-
fill="#3B5BDB"
|
|
220
|
-
/>
|
|
221
|
-
<g filter="url(#filter2_d_4997_39198)">
|
|
222
|
-
<rect
|
|
223
|
-
x={128.195}
|
|
224
|
-
y={30.5869}
|
|
225
|
-
width={18.5343}
|
|
226
|
-
height={18.4832}
|
|
227
|
-
rx={8.439}
|
|
35
|
+
<path
|
|
36
|
+
id="Primary"
|
|
37
|
+
fillRule="evenodd"
|
|
38
|
+
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"
|
|
228
40
|
fill="#3B5BDB"
|
|
229
41
|
/>
|
|
230
|
-
</g>
|
|
231
|
-
<path
|
|
232
|
-
d="M138.41 45.0735V44.0862C139.872 43.8932 140.787 43.0549 140.787 41.8526C140.787 40.6557 140.19 39.7843 138.75 39.4369L137.474 39.1225C136.614 38.8964 136.362 38.6647 136.362 38.2015C136.362 37.6223 136.899 37.2252 137.77 37.2252C138.613 37.2252 138.93 37.6554 139.029 38.3614L140.644 38.3338C140.661 37.1922 139.823 36.2435 138.443 36.0009V34.9033H137.058V35.9953C135.645 36.2104 134.637 37.0874 134.648 38.389C134.665 39.6134 135.442 40.3248 136.652 40.573L137.95 40.8543C138.722 41.0308 139.089 41.2735 139.089 41.8636C139.089 42.4317 138.525 42.8563 137.737 42.8563C136.861 42.8563 136.247 42.4703 136.078 41.7423L134.413 41.7753C134.561 43.1707 135.53 43.9208 137.03 44.0918V45.0735H138.41Z"
|
|
233
|
-
fill="white"
|
|
234
|
-
/>
|
|
235
|
-
<mask
|
|
236
|
-
id="mask0_4997_39198"
|
|
237
|
-
style={{
|
|
238
|
-
maskType: "luminance"
|
|
239
|
-
}}
|
|
240
|
-
maskUnits="userSpaceOnUse"
|
|
241
|
-
x={134}
|
|
242
|
-
y={34}
|
|
243
|
-
width={7}
|
|
244
|
-
height={12}
|
|
245
|
-
>
|
|
246
42
|
<path
|
|
247
|
-
|
|
248
|
-
|
|
43
|
+
id="Cool Grey - 80"
|
|
44
|
+
fillRule="evenodd"
|
|
45
|
+
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"
|
|
249
48
|
/>
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
height={15.2552}
|
|
257
|
-
fill="white"
|
|
49
|
+
<path
|
|
50
|
+
id="Cool Gray - 20"
|
|
51
|
+
fillRule="evenodd"
|
|
52
|
+
clipRule="evenodd"
|
|
53
|
+
d="M107 38.5H105V52.5H107V38.5ZM98 74.5H84V76.5H98V74.5Z"
|
|
54
|
+
fill="#E5E7EC"
|
|
258
55
|
/>
|
|
259
56
|
</g>
|
|
260
|
-
<path
|
|
261
|
-
d="M73.1709 76.0977H108.878V86.0489C108.878 86.6955 108.354 87.2196 107.707 87.2196H74.3416C73.6951 87.2196 73.1709 86.6955 73.1709 86.0489V76.0977Z"
|
|
262
|
-
fill="white"
|
|
263
|
-
/>
|
|
264
|
-
<path
|
|
265
|
-
fillRule="evenodd"
|
|
266
|
-
clipRule="evenodd"
|
|
267
|
-
d="M106.537 78.4391H75.5124V84.8781H106.537V78.4391ZM73.1709 76.0977V86.0489C73.1709 86.6955 73.6951 87.2196 74.3416 87.2196H107.707C108.354 87.2196 108.878 86.6955 108.878 86.0489V76.0977H73.1709Z"
|
|
268
|
-
fill="#292A33"
|
|
269
|
-
/>
|
|
270
|
-
<defs>
|
|
271
|
-
<filter
|
|
272
|
-
id="filter0_d_4997_39198"
|
|
273
|
-
x={107.093}
|
|
274
|
-
y={9.03814}
|
|
275
|
-
width={59.8678}
|
|
276
|
-
height={31.5438}
|
|
277
|
-
filterUnits="userSpaceOnUse"
|
|
278
|
-
colorInterpolationFilters="sRGB"
|
|
279
|
-
>
|
|
280
|
-
<feFlood floodOpacity={0} result="BackgroundImageFix" />
|
|
281
|
-
<feColorMatrix
|
|
282
|
-
in="SourceAlpha"
|
|
283
|
-
type="matrix"
|
|
284
|
-
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
285
|
-
result="hardAlpha"
|
|
286
|
-
/>
|
|
287
|
-
<feOffset />
|
|
288
|
-
<feGaussianBlur stdDeviation={5.57566} />
|
|
289
|
-
<feComposite in2="hardAlpha" operator="out" />
|
|
290
|
-
<feColorMatrix
|
|
291
|
-
type="matrix"
|
|
292
|
-
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"
|
|
293
|
-
/>
|
|
294
|
-
<feBlend
|
|
295
|
-
mode="normal"
|
|
296
|
-
in2="BackgroundImageFix"
|
|
297
|
-
result="effect1_dropShadow_4997_39198"
|
|
298
|
-
/>
|
|
299
|
-
<feBlend
|
|
300
|
-
mode="normal"
|
|
301
|
-
in="SourceGraphic"
|
|
302
|
-
in2="effect1_dropShadow_4997_39198"
|
|
303
|
-
result="shape"
|
|
304
|
-
/>
|
|
305
|
-
</filter>
|
|
306
|
-
<filter
|
|
307
|
-
id="filter1_d_4997_39198"
|
|
308
|
-
x={114.685}
|
|
309
|
-
y={16.96}
|
|
310
|
-
width={75.5888}
|
|
311
|
-
height={31.5438}
|
|
312
|
-
filterUnits="userSpaceOnUse"
|
|
313
|
-
colorInterpolationFilters="sRGB"
|
|
314
|
-
>
|
|
315
|
-
<feFlood floodOpacity={0} result="BackgroundImageFix" />
|
|
316
|
-
<feColorMatrix
|
|
317
|
-
in="SourceAlpha"
|
|
318
|
-
type="matrix"
|
|
319
|
-
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
320
|
-
result="hardAlpha"
|
|
321
|
-
/>
|
|
322
|
-
<feOffset />
|
|
323
|
-
<feGaussianBlur stdDeviation={5.57566} />
|
|
324
|
-
<feComposite in2="hardAlpha" operator="out" />
|
|
325
|
-
<feColorMatrix
|
|
326
|
-
type="matrix"
|
|
327
|
-
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"
|
|
328
|
-
/>
|
|
329
|
-
<feBlend
|
|
330
|
-
mode="normal"
|
|
331
|
-
in2="BackgroundImageFix"
|
|
332
|
-
result="effect1_dropShadow_4997_39198"
|
|
333
|
-
/>
|
|
334
|
-
<feBlend
|
|
335
|
-
mode="normal"
|
|
336
|
-
in="SourceGraphic"
|
|
337
|
-
in2="effect1_dropShadow_4997_39198"
|
|
338
|
-
result="shape"
|
|
339
|
-
/>
|
|
340
|
-
</filter>
|
|
341
|
-
<filter
|
|
342
|
-
id="filter2_d_4997_39198"
|
|
343
|
-
x={113.195}
|
|
344
|
-
y={15.5869}
|
|
345
|
-
width={48.5344}
|
|
346
|
-
height={48.4834}
|
|
347
|
-
filterUnits="userSpaceOnUse"
|
|
348
|
-
colorInterpolationFilters="sRGB"
|
|
349
|
-
>
|
|
350
|
-
<feFlood floodOpacity={0} result="BackgroundImageFix" />
|
|
351
|
-
<feColorMatrix
|
|
352
|
-
in="SourceAlpha"
|
|
353
|
-
type="matrix"
|
|
354
|
-
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
355
|
-
result="hardAlpha"
|
|
356
|
-
/>
|
|
357
|
-
<feOffset />
|
|
358
|
-
<feGaussianBlur stdDeviation={7.5} />
|
|
359
|
-
<feComposite in2="hardAlpha" operator="out" />
|
|
360
|
-
<feColorMatrix
|
|
361
|
-
type="matrix"
|
|
362
|
-
values="0 0 0 0 0.0823529 0 0 0 0 0.454902 0 0 0 0 0.615686 0 0 0 0.2 0"
|
|
363
|
-
/>
|
|
364
|
-
<feBlend
|
|
365
|
-
mode="normal"
|
|
366
|
-
in2="BackgroundImageFix"
|
|
367
|
-
result="effect1_dropShadow_4997_39198"
|
|
368
|
-
/>
|
|
369
|
-
<feBlend
|
|
370
|
-
mode="normal"
|
|
371
|
-
in="SourceGraphic"
|
|
372
|
-
in2="effect1_dropShadow_4997_39198"
|
|
373
|
-
result="shape"
|
|
374
|
-
/>
|
|
375
|
-
</filter>
|
|
376
|
-
</defs>
|
|
377
57
|
</svg>
|
|
378
58
|
);
|
|
379
59
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const PaydotImage: JSX.Element;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
|
|
3
|
+
const PaydotImage = () => {
|
|
4
|
+
return (
|
|
5
|
+
<svg
|
|
6
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
+
width="157"
|
|
8
|
+
height="107"
|
|
9
|
+
viewBox="0 0 157 107"
|
|
10
|
+
fill="none"
|
|
11
|
+
>
|
|
12
|
+
<g id="Illustration - Pay-Dot">
|
|
13
|
+
<path
|
|
14
|
+
id="Primary - 40"
|
|
15
|
+
fillRule="evenodd"
|
|
16
|
+
clipRule="evenodd"
|
|
17
|
+
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.4875ZM137 35.5125C135.895 35.5125 135 36.4079 135 37.5125V51.5125C135 52.617 135.895 53.5125 137 53.5125H151C152.105 53.5125 153 52.617 153 51.5125V49.5125H141C139.895 49.5125 139 48.617 139 47.5125V35.5125H137Z"
|
|
18
|
+
fill="#B1BDF1"
|
|
19
|
+
/>
|
|
20
|
+
<path
|
|
21
|
+
id="White"
|
|
22
|
+
fillRule="evenodd"
|
|
23
|
+
clipRule="evenodd"
|
|
24
|
+
d="M38 35.5H119V88.5C119 90.1569 117.657 91.5 116 91.5H41C39.3431 91.5 38 90.1569 38 88.5V35.5ZM131 41.5125C131 40.4079 131.895 39.5125 133 39.5125H135V51.5125C135 52.617 135.895 53.5125 137 53.5125H149V55.5125C149 56.617 148.105 57.5125 147 57.5125H133C131.895 57.5125 131 56.617 131 55.5125V41.5125ZM148.651 43.7605V44.5125H147.283V43.7649C145.957 43.6163 145.118 43.013 145 41.8676L146.677 41.8545C146.804 42.3616 147.283 42.6458 147.984 42.6458C148.613 42.6458 148.988 42.3441 148.988 41.9638C148.988 41.5398 148.689 41.3999 148.064 41.2862L146.97 41.0939C145.914 40.9146 145.218 40.3201 145.204 39.2928C145.189 38.248 146.08 37.5529 147.297 37.3693V36.5125H148.666V37.3737C149.878 37.5791 150.617 38.3354 150.584 39.2622L148.95 39.2709C148.888 38.7988 148.694 38.4797 148.007 38.4797C147.273 38.4797 146.928 38.7726 146.928 39.1135C146.928 39.4458 147.112 39.6119 147.785 39.7562L148.869 39.9791C150.157 40.2458 150.697 40.954 150.697 41.9638C150.697 42.9299 149.921 43.5944 148.651 43.7605Z"
|
|
25
|
+
fill="#FEFEFE"
|
|
26
|
+
/>
|
|
27
|
+
<path
|
|
28
|
+
id="Cool Gray - 80"
|
|
29
|
+
fillRule="evenodd"
|
|
30
|
+
clipRule="evenodd"
|
|
31
|
+
d="M41 26.4875H116C117.657 26.4875 119 27.8307 119 29.4875V34.4875H38V29.4875C38 27.8307 39.3431 26.4875 41 26.4875ZM120 35.4875V34.4875V29.4875C120 27.2784 118.209 25.4875 116 25.4875H41C38.7909 25.4875 37 27.2784 37 29.4875V34.4875V35.4875V81.5125H8.5C8.22386 81.5125 8 81.7363 8 82.0125C8 82.2886 8.22386 82.5125 8.5 82.5125H37V88.4875C37 90.6967 38.7909 92.4875 41 92.4875H116C118.209 92.4875 120 90.6967 120 88.4875V82.5125H149.5C149.776 82.5125 150 82.2886 150 82.0125C150 81.7363 149.776 81.5125 149.5 81.5125H120V35.4875ZM38 88.4875V82.5125V81.5125V35.4875H119V88.4875C119 90.1444 117.657 91.4875 116 91.4875H41C39.3431 91.4875 38 90.1444 38 88.4875ZM70 51.2375C68.9313 51.2375 68.1485 51.9136 67.7115 53.2247C67.5805 53.6177 67.1558 53.83 66.7628 53.6991C66.3699 53.5681 66.1575 53.1433 66.2885 52.7504C66.8515 51.0615 68.0687 49.7375 70 49.7375C71.9313 49.7375 73.1485 51.0615 73.7115 52.7504C73.8425 53.1433 73.6301 53.5681 73.2372 53.6991C72.8442 53.83 72.4195 53.6177 72.2885 53.2247C71.8515 51.9136 71.0687 51.2375 70 51.2375ZM84.7115 53.2247C85.1485 51.9136 85.9313 51.2375 87 51.2375C88.0687 51.2375 88.8515 51.9136 89.2885 53.2247C89.4195 53.6177 89.8442 53.83 90.2372 53.6991C90.6301 53.5681 90.8425 53.1433 90.7115 52.7504C90.1485 51.0615 88.9313 49.7375 87 49.7375C85.0687 49.7375 83.8515 51.0615 83.2885 52.7504C83.1575 53.1433 83.3699 53.5681 83.7628 53.6991C84.1558 53.83 84.5805 53.6177 84.7115 53.2247ZM70.75 65.4875C70.75 65.0733 70.4142 64.7375 70 64.7375C69.5858 64.7375 69.25 65.0733 69.25 65.4875V66.4875C69.25 68.0063 70.4812 69.2375 72 69.2375H85C86.5188 69.2375 87.75 68.0063 87.75 66.4875V65.4875C87.75 65.0733 87.4142 64.7375 87 64.7375C86.5858 64.7375 86.25 65.0733 86.25 65.4875V66.4875C86.25 67.1779 85.6904 67.7375 85 67.7375H72C71.3096 67.7375 70.75 67.1779 70.75 66.4875V65.4875ZM52 31.4875C52.5523 31.4875 53 31.0398 53 30.4875C53 29.9353 52.5523 29.4875 52 29.4875C51.4477 29.4875 51 29.9353 51 30.4875C51 31.0398 51.4477 31.4875 52 31.4875ZM48 30.4875C48 31.0398 47.5523 31.4875 47 31.4875C46.4477 31.4875 46 31.0398 46 30.4875C46 29.9353 46.4477 29.4875 47 29.4875C47.5523 29.4875 48 29.9353 48 30.4875ZM42 31.4875C42.5523 31.4875 43 31.0398 43 30.4875C43 29.9353 42.5523 29.4875 42 29.4875C41.4477 29.4875 41 29.9353 41 30.4875C41 31.0398 41.4477 31.4875 42 31.4875Z"
|
|
32
|
+
fill="#3B414D"
|
|
33
|
+
/>
|
|
34
|
+
<path
|
|
35
|
+
id="Primary"
|
|
36
|
+
fillRule="evenodd"
|
|
37
|
+
clipRule="evenodd"
|
|
38
|
+
d="M139 33.5125C139 32.4079 139.895 31.5125 141 31.5125H155C156.105 31.5125 157 32.4079 157 33.5125V47.5125C157 48.617 156.105 49.5125 155 49.5125H141C139.895 49.5125 139 48.617 139 47.5125V33.5125ZM148.651 44.5125V43.7605C149.921 43.5944 150.697 42.9299 150.697 41.9638C150.697 40.954 150.157 40.2458 148.869 39.9791L147.785 39.7562C147.112 39.6119 146.928 39.4458 146.928 39.1135C146.928 38.7726 147.273 38.4797 148.007 38.4797C148.694 38.4797 148.888 38.7988 148.95 39.2709L150.584 39.2622C150.617 38.3354 149.878 37.5791 148.666 37.3737V36.5125H147.297V37.3693C146.08 37.5529 145.189 38.248 145.204 39.2928C145.218 40.3201 145.914 40.9146 146.97 41.0939L148.064 41.2862C148.689 41.3999 148.988 41.5398 148.988 41.9638C148.988 42.3441 148.613 42.6458 147.984 42.6458C147.283 42.6458 146.804 42.3616 146.677 41.8545L145 41.8676C145.118 43.013 145.957 43.6163 147.283 43.7649V44.5125H148.651ZM135 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.4875Z"
|
|
39
|
+
fill="#3B5BDB"
|
|
40
|
+
/>
|
|
41
|
+
</g>
|
|
42
|
+
</svg>
|
|
43
|
+
);
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
export default PaydotImage;
|