github/inji-wallet
1
1
Fork 0
mirror of https://github.com/mosip/inji-wallet.git synced 2026-01-06 20:23:52 -05:00
Code Issues Packages Projects Releases Wiki Activity

Inji 569 using svg instead png (#1093)

Browse Source 
* refactor(INJI-569): changing png to svg images from setup to home screen

Signed-off-by: Sri Kanth Kola <srikanthsri7447@gmail.com>

* Refactor(INJI-569): changing png to svg images settings screen

Signed-off-by: anil_majji <majjianilkumar050@gmail.com>

* [INJI-569] changing png to svg image

Signed-off-by: Sri Kanth Kola <srikanthsri7447@gmail.com>

* [INJI-569]: Adjusted all the alignment in settings screen

Signed-off-by: anil_majji <majjianilkumar050@gmail.com>

* [INJI-569] fix SuccessLogo size and and alignment

Signed-off-by: Sri Kanth Kola <srikanthsri7447@gmail.com>

* [INJI-569] refactor theme files and removing unused QrLoginWarning component

Signed-off-by: Sri Kanth Kola <srikanthsri7447@gmail.com>

* [INJI-569] changing the naming convention of svg images

Signed-off-by: Sri Kanth Kola <srikanthsri7447@gmail.com>

* [INJI-569] fix Typo mistake and remove unused imports

Signed-off-by: Sri Kanth Kola <srikanthsri7447@gmail.com>

* [INJI-569] fix Typo mistake, misssing imports and remove unused elements

Signed-off-by: Sri Kanth Kola <srikanthsri7447@gmail.com>

* [INJI-569]: Adjusted all the alignment of icons with tag name in settings screen

Signed-off-by: anil_majji <majjianilkumar050@gmail.com>

* [INJI-569] renaming the files

Signed-off-by: Sri Kanth Kola <srikanthsri7447@gmail.com>

---------

Signed-off-by: Sri Kanth Kola <srikanthsri7447@gmail.com>
Signed-off-by: anil_majji <majjianilkumar050@gmail.com>
Co-authored-by: anil_majji <majjianilkumar050@gmail.com>
This commit is contained in:
srikanth716
2023-12-20 10:17:46 +05:30
committed by GitHub
parent d9e38ebd9a
commit 832d922282
117 changed files with 818 additions and 482 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
.svgrrc Normal file
View File

@@ -0,0 +1,7 @@
{
"replaceAttrValues": {
"@fill": "{props.color1}",
"@fill2": "{props.color2}",
"@stroke": "{props.color3}"
}
}

10
.talismanrc
View File

@@ -75,6 +75,7 @@ fileignoreconfig:
checksum: a0686e9a5c006176fd720b84bc36ca947db1422caf65c90cd0c2d1102a9e96df
- filename: ios/fastlane/Fastfile
checksum: 78edb7772ca7bf64fc0c603cb82771c793e03afff37ccbbfd1b9f578ec0e5369
checksum: 78edb7772ca7bf64fc0c603cb82771c793e03afff37ccbbfd1b9f578ec0e5369
- filename: machines/bleShare/scan/scanMachine.ts
checksum: a514c958ca3da3c5b22a1a95ad680af8f05fb22638fab79b3842aa8fcc1b4a17
- filename: locales/spa.json
@@ -87,5 +88,14 @@ fileignoreconfig:
checksum: a99fe136d9d1348c541d413324d266e179ecad6a1fe6b6bd1e0b2856a5a6d6b5
- filename: screens/QrLogin/QrConsent.tsx
checksum: 8563a194a4d38814eff670f0652d1a7af77134cafb350462174b4f147dbd890d
- filename: assets/fingerprint_icon.svg
checksum: b2d3a50ca1336f60123d96a8cc8ea663c3316ed2d8c31833bce7e393ca51695b
- filename: machines/store.ts
checksum: ca2328c39d2757ffebf85c0b6663da1073eb58349f2630c9418b2f16c350cbd1
- filename: assets/Flip_Camera_Icon.svg
checksum: 736b5a7ddb86bd4376229ce198dbf8a663e7ac89fc3311bd4f19afd4a2b36ffd
- filename: machines/store.ts
checksum: ca2328c39d2757ffebf85c0b6663da1073eb58349f2630c9418b2f16c350cbd1
- filename: ios/fastlane/Fastfile
checksum: 086080bc7a04accf5094c457b5acf84d9fec5d7dfa72eaaaf02e433ecf4f996b
version: ""

2
app.config.ts
View File

@@ -22,7 +22,7 @@ export default {
package: 'io.mosip.residentapp',
versionCode: 1,
adaptiveIcon: {
foregroundImage: './assets/adaptive-icon.png',
foregroundImage: './assets/Adaptive_Icon.png',
backgroundColor: '#FFFFFF',
},
},

0
assets/adaptive-icon.png → assets/Adaptive_Icon.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

13
assets/Camera_Capture_Icon.svg Normal file
View File

@@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="76" height="76" viewBox="0 0 76 76">
<defs>
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="@fill"/>
<stop offset="1" stop-color="@fill2"/>
</linearGradient>
</defs>
<g id="Group_57130" data-name="Group 57130" transform="translate(-175.037 -505.037)">
<circle id="Ellipse_1079" data-name="Ellipse 1079" cx="38" cy="38" r="38" transform="translate(175.037 505.037)" fill="url(#linear-gradient)"/>
<circle id="Ellipse_1086" data-name="Ellipse 1086" cx="35" cy="35" r="35" transform="translate(178.037 508.037)" fill="#fff"/>
<circle id="Ellipse_1087" data-name="Ellipse 1087" cx="32" cy="32" r="32" transform="translate(181.037 511.037)" fill="url(#linear-gradient)"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 887 B

0
assets/card_bg.png → assets/Card_Bg1.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 68 KiB

After

Width:  |  Height:  |  Size: 68 KiB

17
assets/Digital_Identity_Icon1.svg Normal file
View File

@@ -0,0 +1,17 @@
<svg id="digital_identity_icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="67.251" height="44" viewBox="0 0 67.251 44">
<defs>
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="@fill"/>
<stop offset="1" stop-color="@fill2"/>
</linearGradient>
<clipPath id="clip-path">
<rect id="Rectangle_6987" data-name="Rectangle 6987" width="67.251" height="44" fill="url(#linear-gradient)"/>
</clipPath>
</defs>
<g id="Group_57361" data-name="Group 57361" clip-path="url(#clip-path)">
<path id="Path_155494" data-name="Path 155494" d="M42.586,1.414A4.523,4.523,0,0,0,39.286,0H4.714a4.523,4.523,0,0,0-3.3,1.414A4.523,4.523,0,0,0,0,4.714V39.286a4.523,4.523,0,0,0,1.414,3.3A4.523,4.523,0,0,0,4.714,44H39.286A4.834,4.834,0,0,0,44,39.286V4.714a4.523,4.523,0,0,0-1.414-3.3M7.071,39.286a22.635,22.635,0,0,1,6.993-3.339A29.175,29.175,0,0,1,22,34.886a28.876,28.876,0,0,1,7.7,1.061,24.473,24.473,0,0,1,7.229,3.339ZM39.286,35.2A30.012,30.012,0,0,0,31,31.429a32.819,32.819,0,0,0-17.993,0A30.012,30.012,0,0,0,4.714,35.2V4.714H39.286Z" fill="url(#linear-gradient)"/>
<path id="Path_155495" data-name="Path 155495" d="M23.339,8A8.406,8.406,0,0,0,17.171,5.45,8.406,8.406,0,0,0,11,8,8.406,8.406,0,0,0,8.45,14.171,8.406,8.406,0,0,0,11,20.339a8.406,8.406,0,0,0,6.168,2.554,8.406,8.406,0,0,0,6.168-2.554,8.406,8.406,0,0,0,2.554-6.168A8.406,8.406,0,0,0,23.339,8m-2.946,9.429a4.459,4.459,0,0,1-3.221,1.3,4.432,4.432,0,0,1-4.557-4.557,4.459,4.459,0,0,1,1.3-3.221,4.353,4.353,0,0,1,3.261-1.336,4.56,4.56,0,0,1,4.557,4.557,4.353,4.353,0,0,1-1.336,3.261" transform="translate(4.829 3.114)" fill="url(#linear-gradient)"/>
<path id="Path_155496" data-name="Path 155496" d="M35.144,0h-4.8a1.509,1.509,0,0,0-1.509,1.509,3.206,3.206,0,0,0,3.206,3.206h.93a1.509,1.509,0,0,1,1.509,1.509V37.777a1.509,1.509,0,0,1-1.509,1.509h-1.02a3.206,3.206,0,0,0-3.207,3.206A1.509,1.509,0,0,0,30.257,44h7.433A1.509,1.509,0,0,0,39.2,42.491V1.509A1.509,1.509,0,0,0,37.689,0Z" transform="translate(16.427)" fill="url(#linear-gradient)"/>
<path id="Path_155497" data-name="Path 155497" d="M42.541,0h-4.8a1.509,1.509,0,0,0-1.509,1.509,3.206,3.206,0,0,0,3.206,3.206h.93a1.509,1.509,0,0,1,1.509,1.509V37.777a1.509,1.509,0,0,1-1.509,1.509h-1.02a3.206,3.206,0,0,0-3.207,3.206A1.509,1.509,0,0,0,37.654,44h7.433a1.509,1.509,0,0,0,1.509-1.509V1.509A1.509,1.509,0,0,0,45.086,0Z" transform="translate(20.654)" fill="url(#linear-gradient)"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

12
assets/Finger_Print_Icon.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 40 KiB

13
assets/Flip_Camera_Icon.svg Normal file
View File

@@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50">
<g id="Group_57577" data-name="Group 57577" transform="translate(-175.424 -505.424)">
<g id="Ellipse_1079" data-name="Ellipse 1079" transform="translate(175.424 505.424)" fill="#fff" stroke="@fill" stroke-width="2">
<circle cx="25" cy="25" r="25" stroke="none"/>
<circle cx="25" cy="25" r="24" fill="none"/>
</g>
<g id="flip_camera_ios_FILL0_wght400_GRAD0_opsz48" transform="translate(185.342 513.96)" fill="@fill2">
<path d="M 24.67630767822266 26.21673965454102 L 5.676456928253174 26.21673965454102 C 5.204006671905518 26.21673965454102 4.78538703918457 26.03767967224121 4.432226657867432 25.68453025817871 C 4.079066753387451 25.33138084411621 3.899996757507324 24.91278076171875 3.899996757507324 24.44035148620605 L 3.899996757507324 10.10717105865479 C 3.899996757507324 9.653800964355469 4.078736782073975 9.240230560302734 4.431266784667969 8.877920150756836 C 4.784526824951172 8.514860153198242 5.203476905822754 8.330770492553711 5.676456928253174 8.330770492553711 L 9.737150192260742 8.330770492553711 L 11.74686717987061 5.935720443725586 L 11.77683639526367 5.90000057220459 L 11.82346725463867 5.90000057220459 L 18.529296875 5.90000057220459 L 18.575927734375 5.90000057220459 L 18.60589599609375 5.935720443725586 L 20.61561393737793 8.330770492553711 L 24.67630767822266 8.330770492553711 C 25.13021659851074 8.330770492553711 25.54413604736328 8.514530181884766 25.90656661987305 8.876950263977051 C 26.26900672912598 9.239370346069336 26.4527759552002 9.653270721435547 26.4527759552002 10.10717105865479 L 26.4527759552002 24.44035148620605 C 26.4527759552002 24.91331100463867 26.2686767578125 25.33224105834961 25.90558624267578 25.68548965454102 C 25.54328727722168 26.03800010681152 25.12969589233398 26.21673965454102 24.67630767822266 26.21673965454102 Z" stroke="none"/>
<path d="M 24.67630767822266 26.11674118041992 C 25.1047477722168 26.11674118041992 25.49125671386719 25.94910049438477 25.83585739135742 25.61382102966309 C 26.18046760559082 25.27853965759277 26.3527774810791 24.88738059997559 26.3527774810791 24.44035148620605 L 26.3527774810791 10.10717105865479 C 26.3527774810791 9.678750991821289 26.18046760559082 9.292250633239746 25.83585739135742 8.947660446166992 C 25.49125671386719 8.603070259094238 25.1047477722168 8.430770874023438 24.67630767822266 8.430770874023438 L 20.5689868927002 8.430770874023438 L 18.529296875 6.000000476837158 L 11.82346725463867 6.000000476837158 L 9.783777236938477 8.430770874023438 L 5.676456928253174 8.430770874023438 C 5.229406833648682 8.430770874023438 4.838226795196533 8.603070259094238 4.502936840057373 8.947660446166992 C 4.167646884918213 9.292250633239746 3.999996900558472 9.678750991821289 3.999996900558472 10.10717105865479 L 3.999996900558472 24.44035148620605 C 3.999996900558472 24.88738059997559 4.167646884918213 25.27853965759277 4.502936840057373 25.61382102966309 C 4.838226795196533 25.94910049438477 5.229406833648682 26.11674118041992 5.676456928253174 26.11674118041992 L 24.67630767822266 26.11674118041992 M 24.67630767822266 26.31674003601074 L 5.676456928253174 26.31674003601074 C 5.176517009735107 26.31674003601074 4.73410701751709 26.12783050537109 4.361516952514648 25.75524139404297 C 3.988916873931885 25.38265991210938 3.799996852874756 24.94025993347168 3.799996852874756 24.44035148620605 L 3.799996852874756 10.10717105865479 C 3.799996852874756 9.626850128173828 3.988276720046997 9.189810752868652 4.359596729278564 8.80819034576416 C 4.732396602630615 8.425040245056152 5.175457000732422 8.230771064758301 5.676456928253174 8.230771064758301 L 9.690512657165527 8.230771064758301 L 11.73020648956299 5.800000667572021 L 18.62255668640137 5.800000667572021 L 20.66225051879883 8.230771064758301 L 24.67630767822266 8.230771064758301 C 25.15770721435547 8.230771064758301 25.59541702270508 8.424380302429199 25.9772777557373 8.806241035461426 C 26.35914611816406 9.188090324401855 26.55277633666992 9.625790596008301 26.55277633666992 10.10717105865479 L 26.55277633666992 24.44035148620605 C 26.55277633666992 24.94132995605469 26.35849761962891 25.38437080383301 25.97532653808594 25.75716972351074 C 25.59369659423828 26.12847137451172 25.15664672851562 26.31674003601074 24.67630767822266 26.31674003601074 Z" stroke="none" fill="@fill2"/>
</g>
<path id="flip_camera_ios_FILL0_wght400_GRAD0_opsz48-2" data-name="flip_camera_ios_FILL0_wght400_GRAD0_opsz48" d="M18.941,13.923,16.4,16.466l.925.9,1.027-1.027a4.889,4.889,0,0,1-1.284,3.005A3.56,3.56,0,0,1,14.394,20.5a3.91,3.91,0,0,1-.758-.064,2.763,2.763,0,0,1-.6-.193l-.95.925a3.919,3.919,0,0,0,1.092.475,4.922,4.922,0,0,0,1.22.141,4.823,4.823,0,0,0,3.635-1.515,5.863,5.863,0,0,0,1.58-3.879l.976.976.925-.9ZM9.9,19.188l2.543-2.543-.925-.9L10.49,16.774a4.889,4.889,0,0,1,1.284-3.005,3.56,3.56,0,0,1,2.671-1.156,3.91,3.91,0,0,1,.758.064,2.763,2.763,0,0,1,.6.193l.95-.925a3.919,3.919,0,0,0-1.092-.475,4.921,4.921,0,0,0-1.22-.141,4.823,4.823,0,0,0-3.635,1.515,5.863,5.863,0,0,0-1.58,3.879l-.976-.976-.925.9ZM14.394,15.438Z" transform="translate(186.124 514.58)" fill="#fff" stroke="#fff" stroke-width="0.5"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
assets/ID-closed.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 103 KiB

BIN
assets/ID-open.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 197 KiB

14
assets/Inji_Home_Logo1.svg Normal file
View File

@@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="108.128" height="29.474" viewBox="0 0 108.128 29.474">
<defs>
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="@fill"/>
<stop offset="1" stop-color="@fill2"/>
</linearGradient>
</defs>
<g id="inji_home_logo" transform="translate(-18.161 -74)">
<g id="Group_57340" data-name="Group 57340" transform="translate(18.161 74)">
<path id="Union_3" data-name="Union 3" d="M19.715,29.471a2.126,2.126,0,0,1-1.448-.686L10.906,20.3c-.025-.029-.143-.164-.175-.2A10.727,10.727,0,0,1,9.165,8.819c.069-.153.358-.717.438-.86a10.679,10.679,0,0,1,4.6-4.33c.126-.06.619-.277.749-.328A10.638,10.638,0,0,1,26.882,6.228L34.318,14.8a2.132,2.132,0,0,1-.927,3.427,2.127,2.127,0,0,1-1.628-.118,2.127,2.127,0,0,1-.656-.512L23.668,9.023a6.379,6.379,0,0,0-7.157-1.754c-.078.03-.373.159-.447.2a6.4,6.4,0,0,0-2.761,2.6c-.05.089-.224.428-.264.517a6.44,6.44,0,0,0,.939,6.765l.138.16,7.362,8.485a2.132,2.132,0,0,1-1.643,3.486Q19.775,29.474,19.715,29.471Zm10.557-2.824a10.652,10.652,0,0,1-5.5-3.358L21.05,19,17.33,14.71a2.135,2.135,0,0,1-.324-2.368,2.126,2.126,0,0,1,2.879-.952,2.142,2.142,0,0,1,.656.524L24.26,16.2l3.719,4.289a6.388,6.388,0,0,0,7.157,1.754c.078-.036.374-.161.447-.2a6.392,6.392,0,0,0,2.761-2.6c.049-.087.224-.427.264-.515a6.44,6.44,0,0,0-.939-6.765c-.019-.025-.112-.13-.138-.16l-7.36-8.488a2.129,2.129,0,0,1,3.211-2.8l7.36,8.488c.025.03.143.165.176.2a10.727,10.727,0,0,1,1.565,11.274c-.069.153-.358.716-.437.86a10.635,10.635,0,0,1-4.6,4.331c-.127.061-.619.277-.747.328a10.635,10.635,0,0,1-6.428.435ZM47.4,25.328a2.116,2.116,0,0,1-.789-.257,2.133,2.133,0,0,1-.818-2.9,12.039,12.039,0,0,0,1.256-3.357,12.22,12.22,0,0,0,.216-1.386,11.993,11.993,0,0,0-2.8-8.968,2.134,2.134,0,0,1,.226-2.988l.019-.016a2.126,2.126,0,0,1,3,.247,16.235,16.235,0,0,1,3.8,12.133,16.419,16.419,0,0,1-.292,1.87.008.008,0,0,1,0,.006,16.3,16.3,0,0,1-1.7,4.541,2.132,2.132,0,0,1-1.279,1.01,2.1,2.1,0,0,1-.827.066Zm-41.34-.112a2.126,2.126,0,0,1-1.493-.653A16.224,16.224,0,0,1,.011,12.7a16.755,16.755,0,0,1,.173-1.886A16.3,16.3,0,0,1,1.6,6.171,2.129,2.129,0,1,1,5.436,8.014a12.029,12.029,0,0,0-1.044,3.428,12.3,12.3,0,0,0-.129,1.4A11.989,11.989,0,0,0,7.628,21.6a2.135,2.135,0,0,1-.037,3l-.018.018a2.128,2.128,0,0,1-1.478.6Z" transform="translate(0 0)" fill="url(#linear-gradient)"/>
</g>
<path id="Path_155492" data-name="Path 155492" d="M-50.166-36.074H-55V-56h4.834Zm6.74,0H-48.26V-56h7.173q6.376,0,9.513,2.854t3.137,8.973v8.1H-33.27v-8.768q0-3.5-2.134-5.065a9.288,9.288,0,0,0-5.631-1.568h-2.391ZM-17.18-45.33v-6.145h-9.565V-56h14.4v11.339a8.081,8.081,0,0,1-2.417,6.119,7.88,7.88,0,0,1-3.7,2.005,23.366,23.366,0,0,1-5.039.463H-26.9V-40.6h4.062Q-17.18-40.6-17.18-45.33Zm11.317,9.256H-10.7V-56h4.834Z" transform="translate(132.152 135.46)" fill="#000" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

16
assets/Inji_Logo.svg Normal file
View File

@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="88.316" height="56.896" viewBox="0 0 88.316 56.896">
<defs>
<filter id="Union_3" x="0" y="0" width="88.316" height="56.896" filterUnits="userSpaceOnUse">
<feOffset dx="1" dy="5" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="2.5" result="blur"/>
<feFlood flood-opacity="0.149"/>
<feComposite operator="in" in2="blur"/>
<feComposite in="SourceGraphic"/>
</filter>
</defs>
<g id="inji_small_logo" transform="translate(-113.854 -33.898)">
<g transform="matrix(1, 0, 0, 1, 113.85, 33.9)" filter="url(#Union_3)">
<path id="Union_3-2" data-name="Union 3" d="M28.023,41.891a3.022,3.022,0,0,1-2.058-.975L15.5,28.85c-.036-.041-.2-.233-.25-.289a15.243,15.243,0,0,1-2.225-16.025c.1-.218.509-1.019.623-1.221A15.17,15.17,0,0,1,20.192,5.16c.18-.087.88-.4,1.063-.467A15.124,15.124,0,0,1,38.213,8.852l10.568,12.19a3.035,3.035,0,0,1,.743,2.2,3.022,3.022,0,0,1-5.307,1.773L33.644,12.824A9.076,9.076,0,0,0,23.47,10.331c-.111.044-.531.228-.636.278A9.108,9.108,0,0,0,18.91,14.3c-.071.126-.318.607-.374.734a9.151,9.151,0,0,0,1.333,9.616l.2.229,10.464,12.06A3.031,3.031,0,0,1,28.193,41.9Q28.108,41.9,28.023,41.891Zm15.007-4.015A15.135,15.135,0,0,1,35.208,33.1l-5.286-6.1-5.287-6.1A3.032,3.032,0,0,1,24.9,16.6a3.017,3.017,0,0,1,4.3.337l5.286,6.1,5.286,6.1a9.074,9.074,0,0,0,10.174,2.493c.11-.05.531-.228.636-.279a9.1,9.1,0,0,0,3.925-3.692c.071-.125.318-.607.374-.732A9.153,9.153,0,0,0,53.546,17.3c-.028-.037-.159-.185-.2-.228L42.889,5.008a3.026,3.026,0,0,1,4.564-3.975L57.914,13.1c.037.042.2.233.251.29a15.249,15.249,0,0,1,2.225,16.026c-.1.217-.51,1.019-.621,1.223a15.117,15.117,0,0,1-6.541,6.156c-.181.087-.88.4-1.062.467a15.12,15.12,0,0,1-9.137.617ZM67.374,36a3.031,3.031,0,0,1-2.285-4.488A17.151,17.151,0,0,0,63.2,12.025a3.035,3.035,0,0,1,.321-4.247l.027-.023a3.021,3.021,0,0,1,4.263.35,23.072,23.072,0,0,1,5.4,17.247,23.606,23.606,0,0,1-.415,2.659.015.015,0,0,1,0,.008,23.142,23.142,0,0,1-2.42,6.454,3.023,3.023,0,0,1-2.639,1.55A2.962,2.962,0,0,1,67.374,36ZM8.611,35.843a3.018,3.018,0,0,1-2.122-.927A23.066,23.066,0,0,1,.015,18.048a23.992,23.992,0,0,1,.247-2.68,23.185,23.185,0,0,1,2.01-6.6,3.026,3.026,0,1,1,5.455,2.619,17.128,17.128,0,0,0-1.484,4.872A17.539,17.539,0,0,0,6.06,18.25a17.05,17.05,0,0,0,4.785,12.461,3.037,3.037,0,0,1-.053,4.26L10.766,35a3.023,3.023,0,0,1-2.1.848Z" transform="translate(6.5 2.5)" fill="#fff"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

0
assets/intro-scanner.png → assets/Intro_Scanner.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 70 KiB

After

Width:  |  Height:  |  Size: 70 KiB

0
assets/intro-secure-sharing.png → assets/Intro_Secure_Sharing.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 72 KiB

After

Width:  |  Height:  |  Size: 72 KiB

0
assets/intro-unlock-method.png → assets/Intro_Unlock_Method.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

0
assets/intro-wallet-binding.png → assets/Intro_Wallet_Binding.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 96 KiB

After

Width:  |  Height:  |  Size: 96 KiB

9
assets/Lock_Icon1.svg Normal file
View File

@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="44.19" height="58" viewBox="0 0 44.19 58" fill="none">
<defs>
<linearGradient id="linear-gradient-lock-icon" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="@fill"/>
<stop offset="1" stop-color="@fill2"/>
</linearGradient>
</defs>
<path id="lock_icon" d="M12.143,60A4.126,4.126,0,0,1,8,55.857V25.89a4.126,4.126,0,0,1,4.143-4.143h4.833V15.119a12.647,12.647,0,0,1,3.832-9.287A12.647,12.647,0,0,1,30.1,2a12.647,12.647,0,0,1,9.287,3.832,12.647,12.647,0,0,1,3.832,9.287v6.629h4.833A4.126,4.126,0,0,1,52.19,25.89V55.857A4.126,4.126,0,0,1,48.048,60Zm0-4.143h35.9V25.89h-35.9ZM30.1,46.19a5.185,5.185,0,0,0,3.763-1.519,4.933,4.933,0,0,0,1.554-3.66,5.435,5.435,0,0,0-1.554-3.763,5.031,5.031,0,0,0-7.526,0,5.435,5.435,0,0,0-1.554,3.763,4.933,4.933,0,0,0,1.554,3.66A5.185,5.185,0,0,0,30.1,46.19ZM21.119,21.748H39.071V15.119a8.652,8.652,0,0,0-2.624-6.352,9,9,0,0,0-12.7,0,8.652,8.652,0,0,0-2.624,6.352Zm-8.976,34.11v0Z" transform="translate(-8 -2)" fill="url(#linear-gradient-lock-icon)"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

3
assets/Magnifier_Zoom.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="13.012" height="13.154" viewBox="0 0 13.012 13.154" fill="#000">
<path id="zoom_in_FILL0_wght400_GRAD0_opsz48" d="M18.106,19.1l-3.6-3.743a4.538,4.538,0,0,1-1.441.834,5.1,5.1,0,0,1-1.75.3,5.127,5.127,0,0,1-3.768-1.544A5.079,5.079,0,0,1,6,11.222,5.079,5.079,0,0,1,7.544,7.494,5.1,5.1,0,0,1,11.292,5.95a5.045,5.045,0,0,1,3.717,1.544,5.27,5.27,0,0,1,1.246,5.436,5.227,5.227,0,0,1-.865,1.544L19.012,18.2Zm-6.814-3.846a3.854,3.854,0,0,0,2.842-1.184,3.9,3.9,0,0,0,1.174-2.852A3.9,3.9,0,0,0,14.134,8.37a3.854,3.854,0,0,0-2.842-1.184,4.043,4.043,0,0,0-4.057,4.036,4.043,4.043,0,0,0,4.057,4.036Zm-.638-1.75V11.819H8.965V10.583h1.689V8.915h1.236v1.668h1.668v1.236H11.889v1.689Z" transform="translate(-6 -5.95)"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 758 B

98
assets/Mosip_Logo1.svg Normal file
View File

@@ -0,0 +1,98 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="160.441" height="173.276" viewBox="0 0 160.441 173.276">
<defs>
<clipPath id="clip-path">
<path id="Path_155566" data-name="Path 155566" d="M294.259,160.244a10.053,10.053,0,0,1-1.912,3.7c-1.912,2.3-4.78,3.559-7.607,4.515a2.22,2.22,0,0,0-.915.488,2.325,2.325,0,0,0-.427,1.485,8.959,8.959,0,0,1-1.729,4.841,5.548,5.548,0,0,1-4.515,2.2,9.334,9.334,0,0,1-2.319-.529,80.74,80.74,0,0,0-16.353-2.685c-3.336-.285-6.733-.508-9.8-1.831-2.766-1.2-6.244-4.027-6-7.343.285-3.905-.122-7.953,1.139-11.756a17.311,17.311,0,0,1,1.342-2.929,58.419,58.419,0,1,0,49.1,9.845Zm-34.9,76.743a29.961,29.961,0,1,1,29.961-29.961A29.961,29.961,0,0,1,259.355,236.987Z" transform="translate(-201 -150.4)"/>
</clipPath>
<clipPath id="clip-path-16">
<path id="Path_155581" data-name="Path 155581" d="M259.276,141.8a58.376,58.376,0,1,0,58.376,58.376A58.377,58.377,0,0,0,259.276,141.8Zm0,88.336a29.961,29.961,0,1,1,29.961-29.961A29.961,29.961,0,0,1,259.276,230.136Z" transform="translate(-200.9 -141.8)"/>
</clipPath>
</defs>
<g id="MOSIP_Vertical_Black" data-name="MOSIP Vertical Black" transform="translate(-93.5 -115)">
<g id="Group_57516" data-name="Group 57516" transform="translate(93.5 258.112)">
<g id="Group_57515" data-name="Group 57515" transform="translate(0 0)">
<g id="Group_57514" data-name="Group 57514">
<path id="Path_155560" data-name="Path 155560" d="M120.023,850.167l-.041-17.492L111.4,847.1h-3.031l-8.543-14.035v17.126H93.5V821h5.573L110,839.123,120.735,821h5.532l.081,29.147h-6.326Z" transform="translate(-93.5 -820.512)" fill="#000"/>
<path id="Path_155561" data-name="Path 155561" d="M312.37,846.791a15.149,15.149,0,0,1-5.716-20.848,14.453,14.453,0,0,1,5.716-5.39,17.043,17.043,0,0,1,8.177-1.953,16.849,16.849,0,0,1,8.156,1.953,14.875,14.875,0,0,1,5.716,5.39,14.857,14.857,0,0,1-5.716,20.848,18.053,18.053,0,0,1-16.333,0Zm12.855-4.983a8.552,8.552,0,0,0,3.275-3.315,10.522,10.522,0,0,0,0-9.682,8.552,8.552,0,0,0-3.275-3.315,9.785,9.785,0,0,0-9.316,0,8.552,8.552,0,0,0-3.275,3.315,10.523,10.523,0,0,0,0,9.682,8.417,8.417,0,0,0,3.275,3.315,9.221,9.221,0,0,0,4.658,1.18A9.071,9.071,0,0,0,325.225,841.808Z" transform="translate(-261.662 -818.6)" fill="#000"/>
<path id="Path_155562" data-name="Path 155562" d="M504.887,847.808a15.787,15.787,0,0,1-5.187-2.441l2.3-5.085a15.724,15.724,0,0,0,4.454,2.217,16.937,16.937,0,0,0,5.166.834,8.265,8.265,0,0,0,4.251-.854,2.59,2.59,0,0,0,1.383-2.278,2.166,2.166,0,0,0-.814-1.729,5.912,5.912,0,0,0-2.075-1.1c-.834-.264-1.993-.59-3.437-.915a46.771,46.771,0,0,1-5.451-1.587,8.9,8.9,0,0,1-3.641-2.542,6.835,6.835,0,0,1-1.526-4.658,8.1,8.1,0,0,1,1.383-4.6,9.24,9.24,0,0,1,4.149-3.275,16.817,16.817,0,0,1,6.773-1.2,22.228,22.228,0,0,1,5.451.671,16.1,16.1,0,0,1,4.658,1.912l-2.075,5.126a16.268,16.268,0,0,0-8.075-2.3,7.62,7.62,0,0,0-4.19.915,2.833,2.833,0,0,0-1.363,2.42,2.388,2.388,0,0,0,1.566,2.237,25.27,25.27,0,0,0,4.76,1.444,46.768,46.768,0,0,1,5.451,1.586,9.008,9.008,0,0,1,3.641,2.5,6.691,6.691,0,0,1,1.526,4.617,7.884,7.884,0,0,1-1.4,4.556,9.364,9.364,0,0,1-4.19,3.275,16.918,16.918,0,0,1-6.794,1.2A24.516,24.516,0,0,1,504.887,847.808Z" transform="translate(-417.079 -818.6)" fill="#000"/>
<path id="Path_155563" data-name="Path 155563" d="M666.2,821h6.753v29.147H666.2Z" transform="translate(-549.713 -820.512)" fill="#000"/>
<path id="Path_155564" data-name="Path 155564" d="M777.343,822.3a9.917,9.917,0,0,1,4.393,3.661,10.187,10.187,0,0,1,1.546,5.614,10,10,0,0,1-1.546,5.594,9.768,9.768,0,0,1-4.393,3.661,16.367,16.367,0,0,1-6.732,1.261h-5.878v8.034H758V821h12.611A16.357,16.357,0,0,1,777.343,822.3Zm-2.481,13.018a5.207,5.207,0,0,0,0-7.485,7.1,7.1,0,0,0-4.617-1.3h-5.492v10.129h5.492A7.34,7.34,0,0,0,774.862,835.319Z" transform="translate(-622.841 -820.512)" fill="#000"/>
</g>
</g>
</g>
<g id="Group_57541" data-name="Group 57541" transform="translate(115.345 115)">
<g id="Group_57533" data-name="Group 57533" transform="translate(0.02 0)">
<g id="Group_57532" data-name="Group 57532" transform="translate(0 7.2)">
<path id="Path_155565" data-name="Path 155565" d="M294.259,160.244a10.053,10.053,0,0,1-1.912,3.7c-1.912,2.3-4.78,3.559-7.607,4.515a2.22,2.22,0,0,0-.915.488,2.325,2.325,0,0,0-.427,1.485,8.959,8.959,0,0,1-1.729,4.841,5.548,5.548,0,0,1-4.515,2.2,9.334,9.334,0,0,1-2.319-.529,80.74,80.74,0,0,0-16.353-2.685c-3.336-.285-6.733-.508-9.8-1.831-2.766-1.2-6.244-4.027-6-7.343.285-3.905-.122-7.953,1.139-11.756a17.311,17.311,0,0,1,1.342-2.929,58.419,58.419,0,1,0,49.1,9.845Zm-34.9,76.743a29.961,29.961,0,1,1,29.961-29.961A29.961,29.961,0,0,1,259.355,236.987Z" transform="translate(-201 -150.4)" fill="#fec401"/>
<g id="Group_57517" data-name="Group 57517" clip-path="url(#clip-path)">
<circle id="Ellipse_1138" data-name="Ellipse 1138" cx="23.269" cy="23.269" r="23.269" transform="translate(57.745 67.874)" fill="#01a2fd"/>
</g>
<g id="Group_57518" data-name="Group 57518" transform="translate(0 0)" clip-path="url(#clip-path)">
<circle id="Ellipse_1139" data-name="Ellipse 1139" cx="9.519" cy="9.519" r="9.519" transform="translate(4.841 39.46)" fill="#f97707"/>
</g>
<g id="Group_57519" data-name="Group 57519" clip-path="url(#clip-path)">
<circle id="Ellipse_1140" data-name="Ellipse 1140" cx="17.269" cy="17.269" r="17.269" transform="translate(14.502 55.426)" fill="#01a2fd"/>
</g>
<g id="Group_57520" data-name="Group 57520" transform="translate(0 0)" clip-path="url(#clip-path)">
<circle id="Ellipse_1141" data-name="Ellipse 1141" cx="17.269" cy="17.269" r="17.269" transform="translate(-9.641 18.082)" fill="#014daf"/>
</g>
<g id="Group_57521" data-name="Group 57521" transform="translate(0 0)" clip-path="url(#clip-path)">
<circle id="Ellipse_1142" data-name="Ellipse 1142" cx="14.116" cy="14.116" r="14.116" transform="translate(26.076 9.763)" fill="#f97707"/>
</g>
<g id="Group_57522" data-name="Group 57522" transform="translate(0 0)" clip-path="url(#clip-path)">
<circle id="Ellipse_1143" data-name="Ellipse 1143" cx="13.974" cy="13.974" r="13.974" transform="translate(21.54 -9.458)" fill="#01a2fd"/>
</g>
<g id="Group_57523" data-name="Group 57523" transform="translate(0 0)" clip-path="url(#clip-path)">
<circle id="Ellipse_1144" data-name="Ellipse 1144" cx="14.116" cy="14.116" r="14.116" transform="translate(89.313 18.001)" fill="#f97707"/>
</g>
<g id="Group_57524" data-name="Group 57524" transform="translate(0 0)" clip-path="url(#clip-path)">
<circle id="Ellipse_1145" data-name="Ellipse 1145" cx="9.356" cy="9.356" r="9.356" transform="translate(91.225 36.327)" fill="#01a2fd"/>
</g>
<g id="Group_57525" data-name="Group 57525" transform="translate(0 0)" clip-path="url(#clip-path)">
<circle id="Ellipse_1146" data-name="Ellipse 1146" cx="9.356" cy="9.356" r="9.356" transform="translate(66.41 14.441)" fill="#014daf"/>
</g>
<g id="Group_57526" data-name="Group 57526" transform="translate(0 0)" clip-path="url(#clip-path)">
<circle id="Ellipse_1147" data-name="Ellipse 1147" cx="6.672" cy="6.672" r="6.672" transform="translate(52.803 -0.753)" fill="#014daf"/>
</g>
<g id="Group_57527" data-name="Group 57527" transform="translate(0 0)" clip-path="url(#clip-path)">
<circle id="Ellipse_1148" data-name="Ellipse 1148" cx="14.116" cy="14.116" r="14.116" transform="translate(24.205 86.587)" fill="#f97707"/>
</g>
<g id="Group_57528" data-name="Group 57528" clip-path="url(#clip-path)">
<circle id="Ellipse_1149" data-name="Ellipse 1149" cx="10.434" cy="10.434" r="10.434" transform="translate(-4.19 64.518)" fill="#014daf"/>
</g>
<g id="Group_57529" data-name="Group 57529" transform="translate(0 0)" clip-path="url(#clip-path)">
<circle id="Ellipse_1150" data-name="Ellipse 1150" cx="18.998" cy="18.998" r="18.998" transform="translate(42.043 86.465)" fill="#014daf"/>
</g>
<g id="Group_57530" data-name="Group 57530" transform="translate(0 0)" clip-path="url(#clip-path)">
<circle id="Ellipse_1151" data-name="Ellipse 1151" cx="9.519" cy="9.519" r="9.519" transform="translate(88.316 66.532)" fill="#014daf"/>
</g>
<g id="Group_57531" data-name="Group 57531" transform="translate(0 0)" clip-path="url(#clip-path)">
<circle id="Ellipse_1152" data-name="Ellipse 1152" cx="9.519" cy="9.519" r="9.519" transform="translate(110.69 51.908)" fill="#f97707"/>
</g>
</g>
<circle id="Ellipse_1153" data-name="Ellipse 1153" cx="5.126" cy="5.126" r="5.126" transform="translate(71.414 4.088)" fill="#f97707"/>
<circle id="Ellipse_1154" data-name="Ellipse 1154" cx="3.051" cy="3.051" r="3.051" transform="translate(61.935)" fill="#fec401"/>
<circle id="Ellipse_1155" data-name="Ellipse 1155" cx="5.126" cy="5.126" r="5.126" transform="translate(84.065 15.113)" fill="#014daf"/>
</g>
<g id="Group_57540" data-name="Group 57540" transform="translate(0 5.451)">
<g id="Group_57534" data-name="Group 57534" clip-path="url(#clip-path-16)">
<circle id="Ellipse_1156" data-name="Ellipse 1156" cx="8.197" cy="8.197" r="8.197" transform="translate(52.497 20.218)" fill="#fec401"/>
</g>
<g id="Group_57535" data-name="Group 57535" clip-path="url(#clip-path-16)">
<circle id="Ellipse_1157" data-name="Ellipse 1157" cx="10.597" cy="10.597" r="10.597" transform="translate(66.817 17.411)" fill="#01a2fd"/>
</g>
<g id="Group_57536" data-name="Group 57536" clip-path="url(#clip-path-16)">
<circle id="Ellipse_1158" data-name="Ellipse 1158" cx="5.126" cy="5.126" r="5.126" transform="translate(68.057 12.712)" fill="#fec401"/>
</g>
<g id="Group_57537" data-name="Group 57537" clip-path="url(#clip-path-16)">
<circle id="Ellipse_1159" data-name="Ellipse 1159" cx="6.59" cy="6.59" r="6.59" transform="translate(53.514 3.763)" fill="#014daf"/>
</g>
<g id="Group_57538" data-name="Group 57538" clip-path="url(#clip-path-16)">
<circle id="Ellipse_1160" data-name="Ellipse 1160" cx="14.116" cy="14.116" r="14.116" transform="translate(25.994 11.756)" fill="#f97707"/>
</g>
<g id="Group_57539" data-name="Group 57539" clip-path="url(#clip-path-16)">
<circle id="Ellipse_1161" data-name="Ellipse 1161" cx="13.974" cy="13.974" r="13.974" transform="translate(21.438 -7.465)" fill="#01a2fd"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

7
assets/No_Internet_Connection.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg id="No_internet_connection" data-name="No internet connection" xmlns="http://www.w3.org/2000/svg" width="101.657" height="101.657" viewBox="0 0 101.657 101.657">
<path id="Path_155692" data-name="Path 155692" d="M55.755,35.616c15.368.238,28.193,6.068,38.291,17.729a3.547,3.547,0,0,1-.329,5.123,3.5,3.5,0,0,1-5-.466,43.94,43.94,0,0,0-12.915-10.41,42.792,42.792,0,0,0-47.812,5.2,65.476,65.476,0,0,0-5.182,5.167,3.622,3.622,0,0,1-5.121.463,3.564,3.564,0,0,1-.247-5.124A49.908,49.908,0,0,1,49.39,35.92c1.005-.139,2.019-.247,3.032-.293,1.109-.05,2.223-.011,3.334-.011" transform="translate(-4.96 -10.716)" fill="#dedede"/>
<path id="Path_155693" data-name="Path 155693" d="M61.755,56.008c9.714.252,18.846,4.4,26.032,12.705a3.466,3.466,0,0,1-.322,5.1,3.512,3.512,0,0,1-5.05-.489,27.681,27.681,0,0,0-13.835-9.02C57.289,61.26,47.526,64.04,39.349,72.4c-.3.311-.584.645-.874.97a3.551,3.551,0,1,1-5.363-4.651,35.675,35.675,0,0,1,11.45-8.978,37.278,37.278,0,0,1,17.193-3.731" transform="translate(-9.689 -16.858)" fill="#dedede"/>
<path id="Path_155694" data-name="Path 155694" d="M82.466,86.5a3.554,3.554,0,0,1-2.27,3.324,3.506,3.506,0,0,1-3.958-.993,15.052,15.052,0,0,0-5.425-4.034,14.331,14.331,0,0,0-16.6,3.963,3.437,3.437,0,0,1-3.8,1.133,3.546,3.546,0,0,1-1.647-5.7,21.332,21.332,0,0,1,32.838.059,9.848,9.848,0,0,1,1.046,2.159l-.186.086" transform="translate(-14.419 -23.046)" fill="#dedede"/>
<path id="Path_155695" data-name="Path 155695" d="M69.575,111.328a7.129,7.129,0,1,1,7.109-7.1,7.093,7.093,0,0,1-7.109,7.1" transform="translate(-18.791 -29.218)" fill="#dedede"/>
<path id="Path_155696" data-name="Path 155696" d="M50.829,0a50.828,50.828,0,1,0,50.828,50.828A50.886,50.886,0,0,0,50.829,0M6.99,50.828A43.812,43.812,0,0,1,80.447,18.542l-61.9,61.9A43.666,43.666,0,0,1,6.99,50.828M50.829,94.667A43.614,43.614,0,0,1,23.671,85.2L85.2,23.671a43.8,43.8,0,0,1-34.376,71" fill="#ededed"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

8
assets/Otp_Verification_Icon.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="37.013" height="58.163" viewBox="0 0 37.013 58.163">
<g id="otp_verification_icon" transform="translate(-181 -209)">
<path id="phone_iphone_FILL0_wght400_GRAD0_opsz48_1_" data-name="phone_iphone_FILL0_wght400_GRAD0_opsz48 (1)" d="M13.966,60.163a3.8,3.8,0,0,1-2.776-1.19A3.8,3.8,0,0,1,10,56.2V5.966A3.8,3.8,0,0,1,11.19,3.19,3.8,3.8,0,0,1,13.966,2H43.047a3.8,3.8,0,0,1,2.776,1.19,3.8,3.8,0,0,1,1.19,2.776V56.2a4.066,4.066,0,0,1-3.966,3.966Zm0-9.914V56.2H43.047V50.249Zm14.541,4.957a1.922,1.922,0,1,0-1.421-.562A1.926,1.926,0,0,0,28.506,55.206ZM13.966,46.283H43.047V11.914H13.966Zm0-38.335H43.047V5.966H13.966Zm0,42.3v0Zm0-42.3v0Z" transform="translate(171 207)" fill="@fill"/>
<line id="Line_14" data-name="Line 14" x2="3.288" transform="translate(189.5 238.743)" fill="none" stroke="@fill2" stroke-linecap="round" stroke-width="3"/>
<line id="Line_15" data-name="Line 15" x2="3.288" transform="translate(198.5 238.743)" fill="none" stroke="@fill2" stroke-linecap="round" stroke-width="3"/>
<line id="Line_16" data-name="Line 16" x2="3.288" transform="translate(207.5 238.743)" fill="none" stroke="@fill2" stroke-linecap="round" stroke-width="3"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

28
assets/Pin_Icon.svg Normal file
View File

@@ -0,0 +1,28 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="35" viewBox="0 0 35 35">
<defs>
<filter id="Rectangle_6989" x="0" y="0" width="35" height="35" filterUnits="userSpaceOnUse">
<feOffset dy="3" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur"/>
<feFlood flood-opacity="0.078"/>
<feComposite operator="in" in2="blur"/>
<feComposite in="SourceGraphic"/>
</filter>
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="0.942" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="@fill"/>
<stop offset="1" stop-color="@fill2"/>
</linearGradient>
</defs>
<g id="pin_icon" transform="translate(-318.347 -147.347)">
<g transform="matrix(1, 0, 0, 1, 318.35, 147.35)" filter="url(#Rectangle_6989)">
<g id="Rectangle_6989-2" data-name="Rectangle 6989" transform="translate(4.5 1.5)" fill="#fff" stroke="#fff" stroke-width="1">
<rect width="26" height="26" rx="6" stroke="none"/>
<rect x="0.5" y="0.5" width="25" height="25" rx="5.5" fill="none"/>
</g>
</g>
<g id="pin_icon-2" data-name="pin_icon" transform="matrix(0.996, -0.087, 0.087, 0.996, 327.15, 154.551)">
<g id="Group_57367" data-name="Group 57367">
<path id="Path_155498" data-name="Path 155498" d="M13.226,4.088a.942.942,0,0,1-.8.568,1.043,1.043,0,0,1-.684-.1c-.08-.042-.108.007-.147.053L8.945,7.692l-.616.717c.016.025.031.05.048.073A1.617,1.617,0,0,1,8.3,10.6a.362.362,0,0,1-.593.018q-.977-.976-1.952-1.953a1.067,1.067,0,0,1-.091-.123c-.06.056-.1.091-.133.126-1.09,1.077-2.14,2.2-3.3,3.2-.534.464-1.087.906-1.634,1.355a1.3,1.3,0,0,1-.19.11H.275c-.306-.131-.359-.36-.148-.628A36.428,36.428,0,0,1,3.2,9.265C3.7,8.782,4.18,8.289,4.67,7.8a.678.678,0,0,1,.121-.078q0-.03,0-.06a.706.706,0,0,1-.12-.079Q3.636,6.556,2.605,5.524a.367.367,0,0,1,.013-.611,1.618,1.618,0,0,1,2.1-.087l.082.064L8.687,1.556c-.015-.036-.028-.071-.043-.105A1.218,1.218,0,0,1,8.906.105.345.345,0,0,1,9.378.083c.037.03.07.065.1.1q1.764,1.763,3.525,3.529a2.044,2.044,0,0,1,.22.326Z" transform="matrix(0.259, -0.966, 0.966, 0.259, 0, 12.775)" fill="url(#linear-gradient)"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

11
assets/Progress_Icon1.svg Normal file
View File

@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="51.577" height="29.474" viewBox="0 0 51.577 29.474">
<defs>
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="@fill"/>
<stop offset="1" stop-color="@fill2"/>
</linearGradient>
</defs>
<g id="logo_progress_icon" transform="translate(0 0)">
<path id="Union_3" data-name="Union 3" d="M19.715,29.471a2.126,2.126,0,0,1-1.448-.686L10.906,20.3c-.025-.029-.143-.164-.175-.2A10.727,10.727,0,0,1,9.165,8.819c.069-.153.358-.717.438-.86a10.679,10.679,0,0,1,4.6-4.33c.126-.06.619-.277.749-.328A10.638,10.638,0,0,1,26.882,6.228L34.318,14.8a2.132,2.132,0,0,1-.927,3.427,2.127,2.127,0,0,1-1.628-.118,2.127,2.127,0,0,1-.656-.512L23.668,9.023a6.379,6.379,0,0,0-7.157-1.754c-.078.03-.373.159-.447.2a6.4,6.4,0,0,0-2.761,2.6c-.05.089-.224.428-.264.517a6.44,6.44,0,0,0,.939,6.765l.138.16,7.362,8.485a2.132,2.132,0,0,1-1.643,3.486Q19.775,29.474,19.715,29.471Zm10.557-2.824a10.652,10.652,0,0,1-5.5-3.358L21.05,19,17.33,14.71a2.135,2.135,0,0,1-.324-2.368,2.126,2.126,0,0,1,2.879-.952,2.142,2.142,0,0,1,.656.524L24.26,16.2l3.719,4.289a6.388,6.388,0,0,0,7.157,1.754c.078-.036.374-.161.447-.2a6.392,6.392,0,0,0,2.761-2.6c.049-.087.224-.427.264-.515a6.44,6.44,0,0,0-.939-6.765c-.019-.025-.112-.13-.138-.16l-7.36-8.488a2.129,2.129,0,0,1,3.211-2.8l7.36,8.488c.025.03.143.165.176.2a10.727,10.727,0,0,1,1.565,11.274c-.069.153-.358.716-.437.86a10.635,10.635,0,0,1-4.6,4.331c-.127.061-.619.277-.747.328a10.635,10.635,0,0,1-6.428.435ZM47.4,25.328a2.116,2.116,0,0,1-.789-.257,2.133,2.133,0,0,1-.818-2.9,12.039,12.039,0,0,0,1.256-3.357,12.22,12.22,0,0,0,.216-1.386,11.993,11.993,0,0,0-2.8-8.968,2.134,2.134,0,0,1,.226-2.988l.019-.016a2.126,2.126,0,0,1,3,.247,16.235,16.235,0,0,1,3.8,12.133,16.419,16.419,0,0,1-.292,1.87.008.008,0,0,1,0,.006,16.3,16.3,0,0,1-1.7,4.541,2.132,2.132,0,0,1-1.279,1.01,2.1,2.1,0,0,1-.827.066Zm-41.34-.112a2.126,2.126,0,0,1-1.493-.653A16.224,16.224,0,0,1,.011,12.7a16.755,16.755,0,0,1,.173-1.886A16.3,16.3,0,0,1,1.6,6.171,2.129,2.129,0,1,1,5.436,8.014a12.029,12.029,0,0,0-1.044,3.428,12.3,12.3,0,0,0-.129,1.4A11.989,11.989,0,0,0,7.628,21.6a2.135,2.135,0,0,1-.037,3l-.018.018a2.128,2.128,0,0,1-1.478.6Z" transform="translate(0 0)" fill="url(#linear-gradient)"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

13
assets/Receive_Card.svg Normal file
View File

@@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="23.5" height="18.5" viewBox="0 0 23.5 18.5">
<defs>
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="@fill"/>
<stop offset="1" stop-color="@fill2"/>
<stop offset="2" stop-color="@stroke"/>
</linearGradient>
</defs>
<g id="Group_57608" data-name="Group 57608" transform="translate(-88.75 -189.75)">
<path id="badge_FILL0_wght0_GRAD0_opszNaN_1_" data-name="badge_FILL0_wght0_GRAD0_opszNaN (1)" d="M81.725,394a1.622,1.622,0,0,1-1.208-.54A1.764,1.764,0,0,1,80,392.2V377.8a1.764,1.764,0,0,1,.518-1.26,1.622,1.622,0,0,1,1.208-.54h19.55a1.622,1.622,0,0,1,1.208.54A1.764,1.764,0,0,1,103,377.8v14.4a1.764,1.764,0,0,1-.518,1.26,1.622,1.622,0,0,1-1.208.54Zm0-1.8h19.55V377.8H81.725Zm2.645-3.72h6.871v-.42a1.793,1.793,0,0,0-.259-.96,1.313,1.313,0,0,0-.661-.57,11.176,11.176,0,0,0-1.438-.435,5.053,5.053,0,0,0-1.006-.1,5.468,5.468,0,0,0-1.164.135,12.27,12.27,0,0,0-1.394.405,1.3,1.3,0,0,0-.69.57,1.793,1.793,0,0,0-.259.96Zm3.508-3.51a1.466,1.466,0,0,0,1.1-.472,1.68,1.68,0,0,0,0-2.3,1.516,1.516,0,0,0-2.2,0,1.68,1.68,0,0,0,0,2.3A1.466,1.466,0,0,0,87.878,384.97Zm3.623-.51,0,.51" transform="translate(9 -186)" stroke="none" stroke-width="0.5" fill="url(#linear-gradient)"/>
<path id="publish_FILL0_wght0_GRAD0_opszNaN" d="M2.506,4.709H1.754V1.288L.578,2.331l-.041.036L.5,2.331l-.456-.4L0,1.89l.041-.036L2.089.036,2.13,0,2.17.036,4.219,1.853l.041.036-.041.036-.456.4-.041.036-.041-.036L2.506,1.288V4.709Z" transform="translate(107.618 201.781) rotate(180)" fill="#683387" stroke="none" stroke-width="0.4"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

18
assets/Received_Cards.svg Normal file
View File

@@ -0,0 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28.2" height="18.5" viewBox="0 0 28.2 18.5">
<defs>
<linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="@fill"/>
<stop offset="1" stop-color="@fill2"/>
<stop offset="2" stop-color="@stroke"/>
</linearGradient>
</defs>
<g id="Group_57610" data-name="Group 57610" transform="translate(-262.75 -189.75)">
<g id="Group_57609" data-name="Group 57609" transform="translate(174)">
<path id="badge_FILL0_wght0_GRAD0_opszNaN_1_" data-name="badge_FILL0_wght0_GRAD0_opszNaN (1)" d="M81.725,394a1.622,1.622,0,0,1-1.208-.54A1.764,1.764,0,0,1,80,392.2V377.8a1.764,1.764,0,0,1,.518-1.26,1.622,1.622,0,0,1,1.208-.54h19.55a1.622,1.622,0,0,1,1.208.54A1.764,1.764,0,0,1,103,377.8v14.4a1.764,1.764,0,0,1-.518,1.26,1.622,1.622,0,0,1-1.208.54Zm0-1.8h19.55V377.8H81.725Zm1.645-3.72h6.871v-.42a1.793,1.793,0,0,0-.259-.96,1.313,1.313,0,0,0-.661-.57,11.176,11.176,0,0,0-1.438-.435,5.053,5.053,0,0,0-1.006-.1,5.468,5.468,0,0,0-1.164.135,12.27,12.27,0,0,0-1.394.405,1.3,1.3,0,0,0-.69.57,1.793,1.793,0,0,0-.259.96Zm3.508-3.51a1.466,1.466,0,0,0,1.1-.472,1.68,1.68,0,0,0,0-2.3,1.516,1.516,0,0,0-2.2,0,1.68,1.68,0,0,0,0,2.3A1.466,1.466,0,0,0,86.878,384.97Zm4.623-.51,0,.51" transform="translate(9 -186)" stroke="none" stroke-width="0.5" fill="url(#linear-gradient)"/>
<rect id="Rectangle_7096" data-name="Rectangle 7096" width="7" height="1.5" rx="0.75" transform="translate(101 197)" fill="url(#linear-gradient)"/>
<rect id="Rectangle_7097" data-name="Rectangle 7097" width="5" height="1.5" rx="0.75" transform="translate(101 199)" fill="url(#linear-gradient)"/>
</g>
<rect id="Rectangle_7098" data-name="Rectangle 7098" width="14" height="1.5" rx="0.75" transform="translate(288.7 192) rotate(90)" fill="url(#linear-gradient)"/>
<rect id="Rectangle_7099" data-name="Rectangle 7099" width="10" height="1.5" rx="0.75" transform="translate(290.95 194) rotate(90)" fill="url(#linear-gradient)"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

62
assets/Something_Went_Wrong.svg Normal file
View File

@@ -0,0 +1,62 @@
<svg id="Something_went_wrong_" data-name="Something went wrong!" xmlns="http://www.w3.org/2000/svg" width="316.396" height="130.844" viewBox="0 0 316.396 130.844">
<path id="Path_4" data-name="Path 4" d="M105.422,607.683a5.183,5.183,0,0,1,10.367,0" transform="translate(-96.569 -488.264)" fill="#ededed"/>
<path id="Path_5" data-name="Path 5" d="M122.264,612.7a.14.14,0,0,1-.14-.14v-2.732a.14.14,0,0,1,.28,0v2.732A.14.14,0,0,1,122.264,612.7Z" transform="translate(-108.227 -493.284)" fill="#ccc"/>
<path id="Path_6" data-name="Path 6" d="M118.378,612.574a.14.14,0,0,1-.091-.034l-1.681-1.443a.14.14,0,0,1,.182-.213l1.681,1.443a.14.14,0,0,1-.091.246Z" transform="translate(-104.341 -494.094)" fill="#ccc"/>
<path id="Path_7" data-name="Path 7" d="M158.31,607.683a5.183,5.183,0,0,1,10.367,0" transform="translate(-133.486 -488.264)" fill="#ededed"/>
<path id="Path_8" data-name="Path 8" d="M175.152,612.7a.14.14,0,0,1-.14-.14v-2.732a.14.14,0,0,1,.28,0v2.732a.14.14,0,0,1-.14.14Z" transform="translate(-145.144 -493.284)" fill="#ccc"/>
<path id="Path_9" data-name="Path 9" d="M171.265,612.574a.139.139,0,0,1-.091-.034l-1.681-1.443a.14.14,0,1,1,.183-.213l1.681,1.443a.14.14,0,0,1-.091.246Z" transform="translate(-141.258 -494.094)" fill="#ccc"/>
<circle id="Ellipse_1104" data-name="Ellipse 1104" cx="9.965" cy="9.965" r="9.965" transform="translate(227.015 0.395)" fill="#ededed"/>
<ellipse id="Ellipse_1105" data-name="Ellipse 1105" cx="9.059" cy="2.114" rx="9.059" ry="2.114" transform="translate(23.793 126.314)" fill="#ededed"/>
<path id="Path_10" data-name="Path 10" d="M167.509,265.851c2.376-7.419,8.177-13.172,15.057-16.594,8.163-4.06,17.543-4.52,26.407-2.94,9.568,1.706,18.51,5.638,27.166,9.93,8.49,4.209,16.844,8.654,25.673,12.133a166.192,166.192,0,0,0,55.243,11.443c17.04.568,35.259-1.3,49.85-10.876,13.369-8.776,21.876-23.253,26.306-38.344q.851-2.9,1.513-5.846c.129-.568-.744-.81-.874-.241-3.574,15.759-11.2,31.334-24.217,41.379-14.084,10.865-32.568,13.376-49.865,13.089a165.391,165.391,0,0,1-55.963-10.8c-9.057-3.448-17.6-7.925-26.259-12.248-8.465-4.227-17.168-8.185-26.477-10.134-8.5-1.78-17.6-1.889-25.8,1.279-6.748,2.609-12.9,7.258-16.5,13.619a26.12,26.12,0,0,0-2.135,4.909c-.178.557.7.795.874.241Z" transform="translate(-139.281 -224.191)" fill="#ededed"/>
<path id="Path_11" data-name="Path 11" d="M540.647,586.286a.3.3,0,1,0,0-.6h-2.869v-1.208h2.869a.3.3,0,0,0,0-.6H516.188a.3.3,0,0,0,0,.6h2.869v1.208h-2.869a.3.3,0,1,0,0,.6h2.869v1.208h-2.869a.3.3,0,0,0,0,.6h2.869v1.208H516.49a.6.6,0,0,0,0,1.208h2.443a.454.454,0,0,0-.028.151v4.227a.453.453,0,1,0,.906,0v-4.227a.452.452,0,0,0-.028-.151h17.267a.451.451,0,0,0-.028.151v4.227a.453.453,0,1,0,.906,0v-4.227a.454.454,0,0,0-.028-.151h2.443a.6.6,0,1,0,0-1.208h-2.567V588.1h2.869a.3.3,0,0,0,0-.6h-2.869v-1.208Zm-20.987-1.812h17.514v1.208H519.66Zm17.514,4.831H519.66V588.1h17.514Zm0-1.812H519.66v-1.208h17.514Z" transform="translate(-252.996 -475.26)" fill="#ccc"/>
<path id="Path_12" data-name="Path 12" d="M248.223,508.316c0-5.333-4.326-17.988-9.663-17.988s-9.663,12.655-9.663,17.988a9.663,9.663,0,1,0,19.326,0Z" transform="translate(-182.759 -409.964)" fill="#dedede"/>
<path id="Path_13" data-name="Path 13" d="M240.223,508.316c0-5.333-4.326-17.988-9.663-17.988s-9.663,12.655-9.663,17.988a9.663,9.663,0,1,0,19.326,0Z" transform="translate(-177.175 -409.964)" fill="#ededed"/>
<path id="Path_14" data-name="Path 14" d="M253.2,557.829a.3.3,0,0,1-.3-.3V530.61a.3.3,0,0,1,.6,0v26.917A.3.3,0,0,1,253.2,557.829Z" transform="translate(-199.512 -437.872)" fill="#ccc"/>
<path id="Path_15" data-name="Path 15" d="M253.2,535.4a.3.3,0,0,1-.213-.515l3.949-3.949a.3.3,0,0,1,.427.427l-3.949,3.949A.3.3,0,0,1,253.2,535.4Z" transform="translate(-199.512 -438.246)" fill="#ccc"/>
<path id="Path_16" data-name="Path 16" d="M621.2,557.829a.3.3,0,0,1-.3-.3V530.61a.3.3,0,0,1,.6,0v26.917A.3.3,0,0,1,621.2,557.829Z" transform="translate(-326.298 -437.872)" fill="#ccc"/>
<path id="Path_17" data-name="Path 17" d="M684.223,508.316c0-5.333-4.326-17.988-9.663-17.988s-9.663,12.655-9.663,17.988a9.663,9.663,0,1,0,19.326,0Z" transform="translate(-521.042 -409.964)" fill="#dedede"/>
<path id="Path_18" data-name="Path 18" d="M676.223,508.316c0-5.333-4.326-17.988-9.663-17.988s-9.663,12.655-9.663,17.988a9.663,9.663,0,1,0,19.326,0Z" transform="translate(-515.457 -409.964)" fill="#ededed"/>
<path id="Path_19" data-name="Path 19" d="M689.2,557.829a.3.3,0,0,1-.3-.3V530.61a.3.3,0,0,1,.6,0v26.917A.3.3,0,0,1,689.2,557.829Z" transform="translate(-537.795 -437.872)" fill="#ccc"/>
<path id="Path_20" data-name="Path 20" d="M689.2,535.4a.3.3,0,0,1-.214-.515l3.949-3.949a.3.3,0,0,1,.427.427l-3.949,3.949A.3.3,0,0,1,689.2,535.4Z" transform="translate(-537.795 -438.246)" fill="#ccc"/>
<path id="Path_21" data-name="Path 21" d="M345.588,243.89h-4.831a1.36,1.36,0,0,1-1.359-1.359V231.359A1.36,1.36,0,0,1,340.757,230h4.831a1.36,1.36,0,0,1,1.359,1.359v11.173A1.36,1.36,0,0,1,345.588,243.89Z" transform="translate(-259.892 -228.246)" fill="#e6e6e6"/>
<path id="Path_22" data-name="Path 22" d="M359.725,378.083H334.964a2.57,2.57,0,0,1-2.567-2.567v-99.95A2.57,2.57,0,0,1,334.964,273h24.761a2.569,2.569,0,0,1,2.567,2.567v99.95A2.57,2.57,0,0,1,359.725,378.083Z" transform="translate(-255.006 -258.261)" fill="#dedede"/>
<path id="Path_23" data-name="Path 23" d="M310.725,378.083H285.964a2.57,2.57,0,0,1-2.567-2.567v-99.95A2.57,2.57,0,0,1,285.964,273h24.761a2.57,2.57,0,0,1,2.567,2.567v99.95A2.57,2.57,0,0,1,310.725,378.083Z" transform="translate(-220.802 -258.261)" fill="#ededed"/>
<path id="Path_24" data-name="Path 24" d="M330.588,243.89h-4.831a1.36,1.36,0,0,1-1.359-1.359V231.359A1.36,1.36,0,0,1,325.756,230h4.831a1.36,1.36,0,0,1,1.359,1.359v11.173A1.36,1.36,0,0,1,330.588,243.89Z" transform="translate(-249.421 -228.246)" fill="#f2f2f2"/>
<path id="Path_25" data-name="Path 25" d="M308.89,324.267h-5.737a.756.756,0,0,1-.755-.755v-8.757a.756.756,0,0,1,.755-.755h5.737a.756.756,0,0,1,.755.755v8.757a.756.756,0,0,1-.755.755Z" transform="translate(-234.065 -286.881)" fill="#fff"/>
<path id="Path_26" data-name="Path 26" d="M345.89,324.267h-5.737a.756.756,0,0,1-.755-.755v-8.757a.756.756,0,0,1,.755-.755h5.737a.756.756,0,0,1,.755.755v8.757a.756.756,0,0,1-.755.755Z" transform="translate(-259.892 -286.881)" fill="#fff"/>
<path id="Path_27" data-name="Path 27" d="M308.89,377.267h-5.737a.756.756,0,0,1-.755-.755v-8.757a.756.756,0,0,1,.755-.755h5.737a.756.756,0,0,1,.755.755v8.757A.756.756,0,0,1,308.89,377.267Z" transform="translate(-234.065 -323.877)" fill="#fff"/>
<path id="Path_28" data-name="Path 28" d="M345.89,377.267h-5.737a.756.756,0,0,1-.755-.755v-8.757a.756.756,0,0,1,.755-.755h5.737a.756.756,0,0,1,.755.755v8.757A.756.756,0,0,1,345.89,377.267Z" transform="translate(-259.892 -323.877)" fill="#fff"/>
<path id="Path_29" data-name="Path 29" d="M308.89,430.267h-5.737a.756.756,0,0,1-.755-.755v-8.757a.756.756,0,0,1,.755-.755h5.737a.756.756,0,0,1,.755.755v8.757A.756.756,0,0,1,308.89,430.267Z" transform="translate(-234.065 -360.873)" fill="#fff"/>
<path id="Path_30" data-name="Path 30" d="M345.89,430.267h-5.737a.756.756,0,0,1-.755-.755v-8.757a.756.756,0,0,1,.755-.755h5.737a.756.756,0,0,1,.755.755v8.757A.756.756,0,0,1,345.89,430.267Z" transform="translate(-259.892 -360.873)" fill="#fff"/>
<path id="Path_31" data-name="Path 31" d="M308.89,483.267h-5.737a.756.756,0,0,1-.755-.755v-8.757a.756.756,0,0,1,.755-.755h5.737a.756.756,0,0,1,.755.755v8.757A.756.756,0,0,1,308.89,483.267Z" transform="translate(-234.065 -397.869)" fill="#fff"/>
<path id="Path_32" data-name="Path 32" d="M345.89,483.267h-5.737a.756.756,0,0,1-.755-.755v-8.757a.756.756,0,0,1,.755-.755h5.737a.756.756,0,0,1,.755.755v8.757A.756.756,0,0,1,345.89,483.267Z" transform="translate(-259.892 -397.869)" fill="#fff"/>
<path id="Path_33" data-name="Path 33" d="M308.89,536.267h-5.737a.756.756,0,0,1-.755-.755v-8.757a.756.756,0,0,1,.755-.755h5.737a.756.756,0,0,1,.755.755v8.757A.756.756,0,0,1,308.89,536.267Z" transform="translate(-234.065 -434.865)" fill="#fff"/>
<path id="Path_34" data-name="Path 34" d="M345.89,536.267h-5.737a.756.756,0,0,1-.755-.755v-8.757a.756.756,0,0,1,.755-.755h5.737a.756.756,0,0,1,.755.755v8.757A.756.756,0,0,1,345.89,536.267Z" transform="translate(-259.892 -434.865)" fill="#fff"/>
<path id="Path_35" data-name="Path 35" d="M758.588,430.059h-4.831A1.36,1.36,0,0,1,752.4,428.7v-6.341A1.36,1.36,0,0,1,753.757,421h4.831a1.36,1.36,0,0,1,1.359,1.359V428.7A1.36,1.36,0,0,1,758.588,430.059Z" transform="translate(-582.12 -361.571)" fill="#e6e6e6"/>
<path id="Path_36" data-name="Path 36" d="M844.725,499.146H819.964a2.57,2.57,0,0,1-2.567-2.567V448.567A2.57,2.57,0,0,1,819.964,446h24.761a2.57,2.57,0,0,1,2.567,2.567v48.012A2.57,2.57,0,0,1,844.725,499.146Z" transform="translate(-627.492 -379.022)" fill="#dedede"/>
<path id="Path_37" data-name="Path 37" d="M753.843,499.146H710.964a2.57,2.57,0,0,1-2.567-2.567V448.567A2.57,2.57,0,0,1,710.964,446h42.879a2.569,2.569,0,0,1,2.567,2.567v48.012A2.569,2.569,0,0,1,753.843,499.146Z" transform="translate(-551.406 -379.022)" fill="#ededed"/>
<path id="Path_38" data-name="Path 38" d="M743.588,430.059h-4.831A1.36,1.36,0,0,1,737.4,428.7v-6.341A1.36,1.36,0,0,1,738.756,421h4.831a1.36,1.36,0,0,1,1.359,1.359V428.7A1.36,1.36,0,0,1,743.588,430.059Z" transform="translate(-571.649 -361.571)" fill="#f2f2f2"/>
<path id="Path_39" data-name="Path 39" d="M763.89,500.767h-5.737a.756.756,0,0,1-.755-.755v-8.757a.756.756,0,0,1,.755-.755h5.737a.756.756,0,0,1,.755.755v8.757A.756.756,0,0,1,763.89,500.767Z" transform="translate(-585.61 -410.084)" fill="#fff"/>
<path id="Path_40" data-name="Path 40" d="M800.89,500.767h-5.737a.756.756,0,0,1-.755-.755v-8.757a.756.756,0,0,1,.755-.755h5.737a.756.756,0,0,1,.755.755v8.757A.756.756,0,0,1,800.89,500.767Z" transform="translate(-611.438 -410.084)" fill="#fff"/>
<path id="Path_41" data-name="Path 41" d="M763.89,553.767h-5.737a.756.756,0,0,1-.755-.755v-8.757a.756.756,0,0,1,.755-.755h5.737a.756.756,0,0,1,.755.755v8.757A.756.756,0,0,1,763.89,553.767Z" transform="translate(-585.61 -447.08)" fill="#fff"/>
<path id="Path_42" data-name="Path 42" d="M800.89,553.767h-5.737a.756.756,0,0,1-.755-.755v-8.757a.756.756,0,0,1,.755-.755h5.737a.756.756,0,0,1,.755.755v8.757A.756.756,0,0,1,800.89,553.767Z" transform="translate(-611.438 -447.08)" fill="#fff"/>
<path id="Path_43" data-name="Path 43" d="M392.2,621.1H76.4a.3.3,0,0,1,0-.6H392.2a.3.3,0,0,1,0,.6Z" transform="translate(-76.102 -500.829)" fill="#dedede"/>
<path id="Path_44" data-name="Path 44" d="M373.282,656.1H345.2a.3.3,0,0,1,0-.6h28.083a.3.3,0,0,1,0,.6Z" transform="translate(-263.731 -525.26)" fill="#dedede"/>
<path id="Path_45" data-name="Path 45" d="M604.282,656.1H576.2a.3.3,0,0,1,0-.6h28.083a.3.3,0,1,1,0,.6Z" transform="translate(-424.978 -525.26)" fill="#dedede"/>
<path id="Path_46" data-name="Path 46" d="M835.282,656.1H807.2a.3.3,0,0,1,0-.6h28.083a.3.3,0,1,1,0,.6Z" transform="translate(-586.224 -525.26)" fill="#dedede"/>
<path id="Path_47" data-name="Path 47" d="M447.223,508.316c0-5.333-4.326-17.988-9.663-17.988s-9.663,12.655-9.663,17.988a9.663,9.663,0,1,0,19.326,0Z" transform="translate(-321.668 -409.964)" fill="#dedede"/>
<path id="Path_48" data-name="Path 48" d="M439.223,508.316c0-5.333-4.326-17.988-9.663-17.988s-9.663,12.655-9.663,17.988a9.663,9.663,0,1,0,19.326,0Z" transform="translate(-316.084 -409.964)" fill="#ededed"/>
<path id="Path_49" data-name="Path 49" d="M452.2,557.829a.3.3,0,0,1-.3-.3V530.61a.3.3,0,0,1,.6,0v26.917A.3.3,0,0,1,452.2,557.829Z" transform="translate(-338.421 -437.872)" fill="#ccc"/>
<path id="Path_50" data-name="Path 50" d="M452.2,535.4a.3.3,0,0,1-.213-.515l3.949-3.949a.3.3,0,0,1,.427.427l-3.949,3.949a.3.3,0,0,1-.214.089Z" transform="translate(-338.421 -438.246)" fill="#ccc"/>
<path id="Path_51" data-name="Path 51" d="M958.223,508.316c0-5.333-4.326-17.988-9.663-17.988s-9.663,12.655-9.663,17.988a9.663,9.663,0,1,0,19.326,0Z" transform="translate(-712.304 -409.964)" fill="#dedede"/>
<path id="Path_52" data-name="Path 52" d="M950.223,508.316c0-5.333-4.326-17.988-9.663-17.988s-9.663,12.655-9.663,17.988a9.663,9.663,0,1,0,19.326,0Z" transform="translate(-706.719 -409.964)" fill="#ededed"/>
<path id="Path_53" data-name="Path 53" d="M963.2,557.829a.3.3,0,0,1-.3-.3V530.61a.3.3,0,0,1,.6,0v26.917A.3.3,0,0,1,963.2,557.829Z" transform="translate(-729.056 -437.872)" fill="#ccc"/>
<path id="Path_54" data-name="Path 54" d="M963.2,535.4a.3.3,0,0,1-.213-.515l3.949-3.949a.3.3,0,0,1,.427.427l-3.949,3.949A.3.3,0,0,1,963.2,535.4Z" transform="translate(-729.057 -438.246)" fill="#ccc"/>
<path id="Path_55" data-name="Path 55" d="M615.8,542.153h-6.643a.756.756,0,0,1-.755-.755v-6.643a.755.755,0,0,1,.755-.755H615.8a.756.756,0,0,1,.755.755V541.4A.756.756,0,0,1,615.8,542.153Z" transform="translate(-317.573 -440.449)" fill="#ccc"/>
<path id="Path_147" data-name="Path 147" d="M989.422,607.683a5.183,5.183,0,0,1,10.367,0" transform="translate(-754.359 -488.264)" fill="#ededed"/>
<path id="Path_148" data-name="Path 148" d="M1006.264,612.7a.14.14,0,0,1-.14-.14v-2.732a.14.14,0,1,1,.28,0v2.732A.14.14,0,0,1,1006.264,612.7Z" transform="translate(-766.018 -493.284)" fill="#ccc"/>
<path id="Path_149" data-name="Path 149" d="M1002.378,612.574a.139.139,0,0,1-.091-.034l-1.681-1.443a.14.14,0,0,1,.182-.213l1.681,1.443a.14.14,0,0,1-.091.246Z" transform="translate(-762.132 -494.094)" fill="#ccc"/>
<path id="Path_150" data-name="Path 150" d="M1042.31,607.683a5.183,5.183,0,0,1,10.367,0" transform="translate(-791.277 -488.264)" fill="#ededed"/>
<path id="Path_151" data-name="Path 151" d="M1059.152,612.7a.14.14,0,0,1-.14-.14v-2.732a.14.14,0,0,1,.28,0v2.732A.14.14,0,0,1,1059.152,612.7Z" transform="translate(-802.935 -493.284)" fill="#ccc"/>
<path id="Path_152" data-name="Path 152" d="M1055.265,612.574a.139.139,0,0,1-.091-.034l-1.681-1.443a.14.14,0,1,1,.183-.213l1.681,1.443a.14.14,0,0,1-.091.246Z" transform="translate(-799.049 -494.094)" fill="#ccc"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

23
assets/Success_Message_Icon1.svg Normal file
View File

@@ -0,0 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="153" height="153" viewBox="0 0 153 153">
<defs>
<filter id="Rectangle_6853" x="0" y="0" width="153" height="153" filterUnits="userSpaceOnUse">
<feOffset dy="3" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="7.5" result="blur"/>
<feFlood flood-opacity="0.059"/>
<feComposite operator="in" in2="blur"/>
<feComposite in="SourceGraphic"/>
</filter>
</defs>
<g id="success_message_icon" transform="translate(22 19.5)">
<g transform="matrix(1, 0, 0, 1, -22, -19.5)" filter="url(#Rectangle_6853)">
<rect id="Rectangle_6853-2" data-name="Rectangle 6853" width="108" height="108" rx="54" transform="translate(22.5 19.5)" fill="#fff"/>
</g>
<rect id="Rectangle_6846" data-name="Rectangle 6846" width="96" height="96" rx="48" transform="translate(6.5 6)" fill="rgba(75,157,32,0.08)"/>
<g id="success_icon" transform="translate(37.905 33.202)">
<g id="Group_57086" data-name="Group 57086">
<path id="gpp_maybe_FILL0_wght400_GRAD0_opsz48" d="M24.6,45.546A20.366,20.366,0,0,1,12.667,37.1,24.7,24.7,0,0,1,8,22.564V10.189L24.6,3.95l16.6,6.239V22.564A24.7,24.7,0,0,1,36.523,37.1,20.366,20.366,0,0,1,24.6,45.546Z" transform="translate(-8 -3.95)" fill="#4b9d20"/>
<path id="check_circle_FILL0_wght400_GRAD0_opsz48" d="M11.739,18.056l9.094-9.094L19.355,7.516l-7.616,7.616L7.883,11.276,6.437,12.722ZM13.635,12.208Z" transform="translate(3.037 7.682)" fill="#fff"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

23
assets/Warning_Icon.svg Normal file
View File

@@ -0,0 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="153" height="153" viewBox="0 0 153 153">
<defs>
<filter id="Rectangle_6853" x="0" y="0" width="153" height="153" filterUnits="userSpaceOnUse">
<feOffset dy="3" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="7.5" result="blur"/>
<feFlood flood-opacity="0.059"/>
<feComposite operator="in" in2="blur"/>
<feComposite in="SourceGraphic"/>
</filter>
</defs>
<g id="info_icon_message" transform="translate(-118.5 -157.5)">
<g id="Group_57156" data-name="Group 57156">
<g transform="matrix(1, 0, 0, 1, 118.5, 157.5)" filter="url(#Rectangle_6853)">
<rect id="Rectangle_6853-2" data-name="Rectangle 6853" width="108" height="108" rx="54" transform="translate(22.5 19.5)" fill="#fff"/>
</g>
<rect id="Rectangle_6846" data-name="Rectangle 6846" width="96" height="96" rx="48" transform="translate(147 183)" fill="@fill"/>
</g>
<g id="info_icon">
<path id="Polygon_1" data-name="Polygon 1" d="M19.4,4.484a3,3,0,0,1,5.193,0L41.393,33.5A3,3,0,0,1,38.8,38H5.2a3,3,0,0,1-2.6-4.5Z" transform="translate(173 209)" fill="@fill2"/>
<path id="error_FILL0_wght400_GRAD0_opsz48" d="M23.765,31.109a1.392,1.392,0,1,0-1.008-.407A1.369,1.369,0,0,0,23.765,31.109Zm-1.158-6.561H25.18V13.7H22.607ZM23.765,22.533Z" transform="translate(170.885 210.445)" fill="#fff"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
assets/biometric-unlock-icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

BIN
assets/camera-flip-icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.2 KiB

BIN
assets/capture-button.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.8 KiB

BIN
assets/digital-identity-icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.2 KiB

BIN
assets/domain-warning.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.3 KiB

BIN
assets/features-walkaround-icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 603 B

BIN
assets/help-icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.4 KiB

BIN
assets/icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 27 KiB

BIN
assets/idpass-logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
assets/inji-home-logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.8 KiB

BIN
assets/inji-logo-white.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.6 KiB

BIN
assets/inji_small_logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.3 KiB

BIN
assets/legal-notices-icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 307 B

BIN
assets/lock-icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
assets/magnifier-zoom.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 325 B

BIN
assets/mosip-logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 45 KiB

BIN
assets/no-internet-connection.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.9 KiB

BIN
assets/otp-mobile-logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 607 B

BIN
assets/pin_icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.6 KiB

BIN
assets/placeholder-photo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.0 KiB

BIN
assets/progressing-logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.3 KiB

BIN
assets/receive-card-icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 674 B

BIN
assets/received-cards-icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 652 B

BIN
assets/something-went-wrong.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 31 KiB

BIN
assets/splash.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 140 KiB

After

Width:  |  Height:  |  Size: 39 KiB

BIN
assets/success-logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.2 KiB

BIN
assets/warningLogo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.9 KiB

1
components/EditableListItem.tsx
View File

@@ -32,7 +32,6 @@ export const EditableListItem: React.FC<EditableListItemProps> = props => {
<ListItem bottomDivider topDivider onPress={() => setIsEditing(true)}>
<Icon
name={props.Icon}
containerStyle={Theme.Styles.settingsIconBg}
type={props.IconType}
size={25}
color={Theme.Colors.Icon}

8
components/FaceScanner.tsx
View File

@@ -20,6 +20,7 @@ import {GlobalContext} from '../shared/GlobalContext';
import {selectIsActive} from '../machines/app';
import {RotatingIcon} from './RotatingIcon';
import {Theme} from './ui/styleUtils';
import {SvgImage} from './ui/svg';
export const FaceScanner: React.FC<FaceScannerProps> = props => {
const {t} = useTranslation('FaceScanner');
@@ -102,7 +103,7 @@ export const FaceScanner: React.FC<FaceScannerProps> = props => {
<Centered style={Theme.Styles.imageCaptureButton}>
<TouchableOpacity
onPress={() => service.send(FaceScannerEvents.CAPTURE())}>
<Image source={Theme.ImageCaptureButton} />
{SvgImage.CameraCaptureIcon()}
</TouchableOpacity>
<Text size="small" weight="semibold" margin="8">
{t('capture')}
@@ -112,10 +113,7 @@ export const FaceScanner: React.FC<FaceScannerProps> = props => {
<Centered>
<TouchableOpacity
onPress={() => service.send(FaceScannerEvents.FLIP_CAMERA())}>
<Image
source={Theme.CameraFlipIcon}
style={Theme.Styles.cameraFlipIcon}
/>
{SvgImage.FlipCameraIcon()}
</TouchableOpacity>
<Text size="smaller" weight="semibold" margin="8">
{t('flipCamera')}

18
components/HelpScreen.tsx
View File

@@ -33,39 +33,39 @@ export const HelpScreen: React.FC<HelpScreenProps & MainRouteProps> = props => {
<Text margin="7" style={Theme.TextStyles.header}>
{t('whatIsDigitalCredential?')}
</Text>
<Text style={Theme.TextStyles.helpDetailes}>{t('detail-1')}</Text>
<Text style={Theme.TextStyles.helpDetails}>{t('detail-1')}</Text>
<Text margin="7" style={Theme.TextStyles.header}>
{t('whatCanDoWithDigitalCredential?')}
</Text>
<Text style={Theme.TextStyles.helpDetailes}>{t('detail-2')}</Text>
<Text style={Theme.TextStyles.helpDetails}>{t('detail-2')}</Text>
<Text margin="7" style={Theme.TextStyles.header}>
{t('howToAddCard?')}
</Text>
<Text style={Theme.TextStyles.helpDetailes}>{t('detail-3')}</Text>
<Text style={Theme.TextStyles.helpDetails}>{t('detail-3')}</Text>
<Text margin="7" style={Theme.TextStyles.header}>
{t('howToRemoveCardFromWallet?')}
</Text>
<Text style={Theme.TextStyles.helpDetailes}>{t('detail-4')}</Text>
<Text style={Theme.TextStyles.helpDetails}>{t('detail-4')}</Text>
<Text margin="7" style={Theme.TextStyles.header}>
{t('canWeAddMultipleCards?')}
</Text>
<Text style={Theme.TextStyles.helpDetailes}>{t('detail-5')}</Text>
<Text style={Theme.TextStyles.helpDetails}>{t('detail-5')}</Text>
<Text margin="7" style={Theme.TextStyles.header}>
{t('howToShareCard?')}
</Text>
<Text style={Theme.TextStyles.helpDetailes}>{t('detail-6')}</Text>
<Text style={Theme.TextStyles.helpDetails}>{t('detail-6')}</Text>
<Text margin="7" style={Theme.TextStyles.header}>
{t('howToActivateCardForOnlineLogin?')}
</Text>
<Text style={Theme.TextStyles.helpDetailes}>{t('detail-7')}</Text>
<Text style={Theme.TextStyles.helpDetails}>{t('detail-7')}</Text>
<Text margin="7" style={Theme.TextStyles.header}>
{t('howToViewActivity?')}
</Text>
<Text style={Theme.TextStyles.helpDetailes}>{t('detail-8')}</Text>
<Text style={Theme.TextStyles.helpDetails}>{t('detail-8')}</Text>
<Text margin="7" style={Theme.TextStyles.header}>
{t('whatCanDoBiometricsChanged?')}
</Text>
<Text style={Theme.TextStyles.helpDetailes}>{t('detail-9')}</Text>
<Text style={Theme.TextStyles.helpDetails}>{t('detail-9')}</Text>
</Column>
</ScrollView>
</Modal>

13
components/ProgressingModal.tsx
View File

@@ -1,10 +1,10 @@
import React, {useState} from 'react';
import React from 'react';
import {useTranslation} from 'react-i18next';
import {Button, Centered, Column, Text} from './ui';
import {Modal} from './ui/Modal';
import {Image} from 'react-native';
import {Theme} from './ui/styleUtils';
import Spinner from 'react-native-spinkit';
import {SvgImage} from './ui/svg';
export const ProgressingModal: React.FC<ProgressingModalProps> = props => {
const {t} = useTranslation('ScanScreen');
@@ -20,12 +20,7 @@ export const ProgressingModal: React.FC<ProgressingModalProps> = props => {
requester={props.requester}>
<Centered crossAlign="center" fill>
<Column margin="24 0" align="space-around">
<Image
source={Theme.InjiProgressingLogo}
height={2}
width={2}
style={{marginBottom: 15, marginLeft: -6}}
/>
{SvgImage.ProgressIcon()}
{props.progress && (
<Spinner
type="ThreeBounce"
@@ -39,7 +34,7 @@ export const ProgressingModal: React.FC<ProgressingModalProps> = props => {
<Text
align="center"
margin="10"
color={Theme.Colors.TimoutHintText}
color={Theme.Colors.TimeoutHintText}
size="small"
style={Theme.TextStyles.bold}>
{props.hint}

16
components/QrCodeOverlay.tsx
View File

@@ -1,11 +1,11 @@
import React, {useEffect, useState} from 'react';
import {Dimensions, Pressable, View} from 'react-native';
import React, {useState} from 'react';
import {Pressable, View} from 'react-native';
import {Icon, Overlay} from 'react-native-elements';
import {Centered, Column, Row, Text} from './ui';
import QRCode from 'react-native-qrcode-svg';
import {Theme} from './ui/styleUtils';
import {Image} from 'react-native';
import {useTranslation} from 'react-i18next';
import {SvgImage} from './ui/svg';
export const QrCodeOverlay: React.FC<QrCodeOverlayProps> = props => {
const {t} = useTranslation('VcDetails');
@@ -20,7 +20,7 @@ export const QrCodeOverlay: React.FC<QrCodeOverlayProps> = props => {
<Row>
<QRCode
size={90}
value={props.qrCodeDetailes}
value={props.qrCodeDetails}
backgroundColor={Theme.Colors.QRCodeBackgroundColor}
/>
</Row>
@@ -29,7 +29,7 @@ export const QrCodeOverlay: React.FC<QrCodeOverlayProps> = props => {
align="flex-end"
margin="-35 0 0 67"
style={Theme.QrCodeStyles.magnifierZoom}>
<Image source={Theme.MagnifierZoom} />
{SvgImage.MagnifierZoom()}
</Row>
</Pressable>
<Overlay
@@ -52,10 +52,10 @@ export const QrCodeOverlay: React.FC<QrCodeOverlayProps> = props => {
size={32}
/>
</Row>
<Centered testID="qrCodeDetailes" pY={30}>
<Centered testID="qrCodeDetails" pY={30}>
<QRCode
size={300}
value={props.qrCodeDetailes}
value={props.qrCodeDetails}
backgroundColor={Theme.Colors.QRCodeBackgroundColor}
/>
</Centered>
@@ -66,5 +66,5 @@ export const QrCodeOverlay: React.FC<QrCodeOverlayProps> = props => {
};
interface QrCodeOverlayProps {
qrCodeDetailes: string;
qrCodeDetails: string;
}

6
components/QrScanner.tsx
View File

@@ -10,6 +10,7 @@ import {useSelector} from '@xstate/react';
import {selectIsActive} from '../machines/app';
import {useTranslation} from 'react-i18next';
import {useScanLayout} from '../screens/Scan/ScanLayoutController';
import {SvgImage} from './ui/svg';
export const QrScanner: React.FC<QrScannerProps> = props => {
const {t} = useTranslation('QrScanner');
@@ -110,10 +111,7 @@ export const QrScanner: React.FC<QrScannerProps> = props => {
: Camera.Constants.Type.back,
);
}}>
<Image
source={Theme.CameraFlipIcon}
style={Theme.Styles.cameraFlipIcon}
/>
{SvgImage.FlipCameraIcon()}
</TouchableOpacity>
<Text size="small" weight="semibold" margin="8">
{t('flipCamera')}

37
components/VC/MosipVCItem/MosipVCItemContent.tsx
View File

@@ -7,8 +7,9 @@ import VerifiedIcon from '../../VerifiedIcon';
import {Column, Row, Text} from '../../ui';
import {Theme} from '../../ui/styleUtils';
import {CheckBox, Icon} from 'react-native-elements';
import testIDProps, {getMaskedText} from '../../../shared/commonUtil';
import {getMaskedText} from '../../../shared/commonUtil';
import {logoType} from '../../../machines/issuersMachine';
import {SvgImage} from '../../ui/svg';
const getDetails = (arg1, arg2, verifiableCredential) => {
if (arg1 === 'Status') {
@@ -96,14 +97,7 @@ const getIssuerLogo = (isOpenId4VCI: boolean, issuerLogo: logoType) => {
/>
);
}
return (
<Image
source={Theme.MosipSplashLogo}
style={Theme.Styles.logo}
resizeMethod="scale"
resizeMode="contain"
/>
);
return SvgImage.MosipLogo(Theme.Styles.logo);
};
export const MosipVCItemContent: React.FC<
@@ -151,18 +145,7 @@ export const MosipVCItemContent: React.FC<
<Column>
<Row align="space-between">
<Row margin="5 0 0 5">
<ImageBackground
imageStyle={Theme.Styles.faceImage}
source={faceImageSource()}
style={Theme.Styles.closeCardImage}>
{props.isPinned && (
<Image
source={Theme.PinIcon}
style={Theme.Styles.pinIcon}
{...testIDProps('pinIcon')}
/>
)}
</ImageBackground>
{SvgImage.VcItemContainerProfileImage(props)}
<Column margin="0 0 10 20" height={96} align="space-between">
<Column style={{maxWidth: 230}}>
@@ -316,19 +299,9 @@ export const MosipVCItemContent: React.FC<
</Column>
</ImageBackground>
);
function faceImageSource() {
return !verifiableCredential
? Theme.cardFaceIcon
: {
uri: props.vcMetadata.isFromOpenId4VCI()
? verifiableCredential?.credentialSubject.face
: props.context.credential.biometrics.face,
};
}
};
interface ExistingMosipVCItemContentProps {
export interface ExistingMosipVCItemContentProps {
context: any;
verifiableCredential: VerifiableCredential;
generatedOn: string;

8
components/VC/MosipVCItem/MosipVCItemDetails.tsx
View File

@@ -21,6 +21,7 @@ import {
} from '../../../types/VC/EsignetMosipVC/vc';
import {WalletBindingResponse} from '../../../shared/cryptoutil/cryptoUtil';
import {logoType} from '../../../machines/issuersMachine';
import {SvgImage} from '../../ui/svg';
const getIssuerLogo = (isOpenId4VCI: boolean, issuerLogo: logoType) => {
if (isOpenId4VCI) {
@@ -32,7 +33,7 @@ const getIssuerLogo = (isOpenId4VCI: boolean, issuerLogo: logoType) => {
/>
);
}
return <Image source={Theme.MosipLogo} style={Theme.Styles.vcDetailsLogo} />;
return SvgImage.MosipLogo(Theme.Styles.vcDetailsLogo);
};
const getProfileImage = (
@@ -49,7 +50,7 @@ const getProfileImage = (
return {uri: props.vc?.credential.biometrics.face};
}
}
return Theme.cardFaceIcon;
return <Icon name="person" color={Theme.Colors.Icon} size={88} />;
};
export const MosipVCItemDetails: React.FC<
@@ -93,7 +94,8 @@ export const MosipVCItemDetails: React.FC<
style={Theme.Styles.openCardImage}
/>
<QrCodeOverlay qrCodeDetailes={String(verifiableCredential)} />
<QrCodeOverlay qrCodeDetails={String(verifiableCredential)} />
<Column margin="20 0 0 0">{issuerLogo}</Column>
</Column>
<Column align="space-evenly" padding="10">

17
components/openId4VCI/Issuer.tsx
View File

@@ -1,15 +1,12 @@
import React from 'react';
import {Image, Pressable} from 'react-native';
import {Pressable} from 'react-native';
import {Theme} from '../ui/styleUtils';
import testIDProps from '../../shared/commonUtil';
import {Text} from '../ui';
import {displayType} from '../../machines/issuersMachine';
import {SvgImage} from '../ui/svg';
export const Issuer: React.FC<IssuerProps> = (props: IssuerProps) => {
function getIssuerLogo() {
return {uri: props.displayDetails.logo.url};
}
return (
<Pressable
{...testIDProps(`issuer-${props.testID}`)}
@@ -25,12 +22,8 @@ export const Issuer: React.FC<IssuerProps> = (props: IssuerProps) => {
Theme.Styles.boxShadow,
]
}>
<Image
{...testIDProps(`issuerIcon-${props.testID}`)}
style={Theme.IssuersScreenStyles.issuerIcon}
alt={props.displayDetails.logo.alt_text}
source={getIssuerLogo()}
/>
{SvgImage.IssuerIcon(props)}
<Text
testID={`issuerHeading-${props.testID}`}
style={Theme.IssuersScreenStyles.issuerHeading}>
@@ -45,7 +38,7 @@ export const Issuer: React.FC<IssuerProps> = (props: IssuerProps) => {
);
};
interface IssuerProps {
export interface IssuerProps {
displayDetails: displayType;
onPress: () => void;
testID: string;

2
components/ui/Button.tsx
View File

@@ -78,7 +78,7 @@ export const Button: React.FC<ButtonProps> = props => {
raised={props.raised}
title={
<Text
style={{...Theme.TextStyles.bold, paddingTop: 3}}
weight="bold"
color={
type === 'solid' || type === 'gradient' || type === 'radius'
? Theme.Colors.whiteText

13
components/ui/Loader.tsx
View File

@@ -1,10 +1,11 @@
import React, {Fragment, useEffect} from 'react';
import {useTranslation} from 'react-i18next';
import {BackHandler, Image, SafeAreaView, View} from 'react-native';
import {BackHandler, SafeAreaView, View} from 'react-native';
import Spinner from 'react-native-spinkit';
import {Button, Centered, Column, Row, Text} from '../../components/ui';
import {Theme} from './styleUtils';
import testIDProps from '../../shared/commonUtil';
import {SvgImage} from './svg';
export const Loader: React.FC<LoaderProps> = props => {
const {t} = useTranslation('ScanScreen');
@@ -49,13 +50,7 @@ export const Loader: React.FC<LoaderProps> = props => {
crossAlign="center"
fill>
<Column margin="24 0" align="space-around">
<Image
source={Theme.InjiProgressingLogo}
height={2}
width={2}
style={{marginLeft: -6}}
{...testIDProps('progressingLogo')}
/>
{SvgImage.ProgressIcon()}
<View {...testIDProps('threeDotsLoader')}>
<Spinner
type="ThreeBounce"
@@ -70,7 +65,7 @@ export const Loader: React.FC<LoaderProps> = props => {
<Text
align="center"
margin="10"
color={Theme.Colors.TimoutHintText}
color={Theme.Colors.TimeoutHintText}
size="small"
style={Theme.TextStyles.bold}>
{props.hint}

4
components/ui/SearchBar.tsx
View File

@@ -6,11 +6,11 @@ import {Theme} from './styleUtils';
export const SearchBar = (props: SearchBarProps) => {
return (
<Row margin="3">
<Row style={Theme.SearchBarStyles.searchBarContainer}>
<Icon
testID={props.searchIconTestID}
name="search"
color={Theme.Colors.GrayIcon}
color={Theme.Colors.Icon}
size={27}
style={Theme.SearchBarStyles.searchIcon}
/>

10
components/ui/SquircleIconPopUpModal.tsx
View File

@@ -1,9 +1,10 @@
import React from 'react';
import {Dimensions, Image, View} from 'react-native';
import {Dimensions, View} from 'react-native';
import {Centered, Column} from './Layout';
import {Theme} from './styleUtils';
import {Text} from './Text';
import testIDProps from '../../shared/commonUtil';
import {SvgImage} from '../../components/ui/svg';
export const SquircleIconPopUpModal: React.FC<
SquircleIconPopUpModalProps
@@ -18,10 +19,8 @@ export const SquircleIconPopUpModal: React.FC<
width={Dimensions.get('screen').width * 0.8}
height={Dimensions.get('screen').width * 0.8}
style={Theme.MessageStyles.squircleContainer}>
<Column>
{props.iconName && (
<Image source={props.iconName} style={{alignSelf: 'center'}} />
)}
<Column crossAlign="center">
{SvgImage.SuccessLogo()}
{props.message && (
<Text
margin="25 0 0 0"
@@ -39,7 +38,6 @@ export const SquircleIconPopUpModal: React.FC<
export interface SquircleIconPopUpModalProps {
message: string;
iconName: any;
testId: string;
onBackdropPress?: () => void;
}

217
components/ui/svg.tsx Normal file
View File

@@ -0,0 +1,217 @@
import React from 'react';
import Svg, {Image} from 'react-native-svg';
import {Theme} from './styleUtils';
import {Icon} from 'react-native-elements';
import {ImageBackground} from 'react-native';
import PinICon from '../../assets/Pin_Icon.svg';
import InjiSmallLogo from '../../assets/Inji_Logo.svg';
import LockIcon from '../../assets/Lock_Icon1.svg';
import InjiLogo from '../../assets/Inji_Home_Logo1.svg';
import DigitalIdentity from '../../assets/Digital_Identity_Icon1.svg';
import ReceiveCard from '../../assets/Receive_Card.svg';
import ReceivedCards from '../../assets/Received_Cards.svg';
import ProgressIcon from '../../assets/Progress_Icon1.svg';
import testIDProps from '../../shared/commonUtil';
import Logo from '../../assets/Mosip_Logo1.svg';
import WarningLogo from '../../assets/Warning_Icon.svg';
import OtpVerificationIcon from '../../assets/Otp_Verification_Icon.svg';
import FlipCameraIcon from '../../assets/Flip_Camera_Icon.svg';
import CameraCaptureIcon from '../../assets/Camera_Capture_Icon.svg';
import SuccessLogo from '../../assets/Success_Message_Icon1.svg';
import NoInternetConnection from '../../assets/No_Internet_Connection.svg';
import SomethingWentWrong from '../../assets/Something_Went_Wrong.svg';
import MagnifierZoom from '../../assets/Magnifier_Zoom.svg';
import {displayType} from '../../machines/issuersMachine';
import {IssuerProps} from '../openId4VCI/Issuer';
import {
EsignetMosipVCItemContentProps,
ExistingMosipVCItemContentProps,
} from '../VC/MosipVCItem/MosipVCItemContent';
import {VCMetadata} from '../../shared/VCMetadata';
import {VerifiableCredential} from '../../types/VC/ExistingMosipVC/vc';
export class SvgImage {
static MosipLogo(props: LogoProps) {
const {width, height} = props;
return <Logo width={width} height={height} />;
}
static pinIcon() {
return (
<PinICon
color1={Theme.Colors.linearGradientStart}
color2={Theme.Colors.linearGradientEnd}
style={Theme.Styles.pinIcon}
{...testIDProps('pinIcon')}
/>
);
}
static InjiSmallLogo() {
return <InjiSmallLogo />;
}
static ProgressIcon() {
return (
<ProgressIcon
color1={Theme.Colors.linearGradientStart}
color2={Theme.Colors.linearGradientEnd}
color3={Theme.Colors.LinearGradientStroke}
{...testIDProps('progressingLogo')}
/>
);
}
static LockIcon() {
return (
<LockIcon
color1={Theme.Colors.linearGradientStart}
color2={Theme.Colors.linearGradientEnd}
style={{alignSelf: 'center'}}
/>
);
}
static InjiLogo() {
return (
<InjiLogo
color1={Theme.Colors.linearGradientStart}
color2={Theme.Colors.linearGradientEnd}
/>
);
}
static DigitalIdentity() {
return (
<DigitalIdentity
color1={Theme.Colors.linearGradientStart}
color2={Theme.Colors.linearGradientEnd}
/>
);
}
static ReceiveCard() {
return (
<ReceiveCard
color1={Theme.Colors.linearGradientStart}
color2={Theme.Colors.linearGradientEnd}
stroke={Theme.Colors.IconBg}
/>
);
}
static ReceivedCards() {
return (
<ReceivedCards
color1={Theme.Colors.linearGradientStart}
color2={Theme.Colors.linearGradientEnd}
stroke={Theme.Colors.IconBg}
/>
);
}
static IssuerIcon(issuer: IssuerProps) {
return (
<Svg
width="78"
height="35"
{...testIDProps(`issuerIcon-${issuer.testID}`)}>
<Image
href={getIssuerLogo(issuer.displayDetails)}
x="0"
y="0"
height="32"
width="32"
/>
</Svg>
);
}
static WarningLogo() {
return (
<WarningLogo
color1={Theme.Colors.warningLogoBgColor}
color2={Theme.Colors.linearGradientEnd}
/>
);
}
static OtpVerificationIcon() {
return (
<OtpVerificationIcon
color1={Theme.Colors.linearGradientStart}
color2={Theme.Colors.linearGradientEnd}
/>
);
}
static VcItemContainerProfileImage(
props: ExistingMosipVCItemContentProps | EsignetMosipVCItemContentProps,
) {
return props.verifiableCredential ? (
<ImageBackground
imageStyle={Theme.Styles.faceImage}
source={faceImageSource(props)}
style={Theme.Styles.closeCardImage}>
{props.isPinned && SvgImage.pinIcon()}
</ImageBackground>
) : (
<Icon name="person" color={Theme.Colors.Icon} size={88} />
);
}
static FlipCameraIcon() {
const {width, height} = Theme.Styles.cameraFlipIcon;
return (
<FlipCameraIcon
color1={Theme.Colors.linearGradientStart}
color2={Theme.Colors.linearGradientEnd}
width={width}
height={height}
/>
);
}
static CameraCaptureIcon() {
return (
<CameraCaptureIcon
color1={Theme.Colors.linearGradientStart}
color2={Theme.Colors.linearGradientEnd}
/>
);
}
static SuccessLogo() {
return <SuccessLogo />;
}
static NoInternetConnection() {
return (
<NoInternetConnection {...testIDProps('noInternetConnectionImage')} />
);
}
static SomethingWentWrong() {
return <SomethingWentWrong {...testIDProps('somethingWentWrongImage')} />;
}
static MagnifierZoom() {
return <MagnifierZoom />;
}
}
function getIssuerLogo(props: displayType) {
return {uri: props.logo.url};
}
function faceImageSource(props: faceImageSourceProps) {
return {
uri: props.vcMetadata.isFromOpenId4VCI()
? props.verifiableCredential?.credentialSubject.face
: props.context.credential.biometrics.face,
};
}
interface LogoProps {
width: number;
height: number;
}
interface faceImageSourceProps {
vcMetadata: VCMetadata;
verifiableCredential: VerifiableCredential;
context: any;
}

106
components/ui/themes/DefaultTheme.ts
View File

@@ -36,9 +36,14 @@ const Colors = {
DisabledColors: ['#C7C7C7', '#C7C7C7'],
TimeoutHintBoxColor: '#FFF7E5',
TimeoutHintBoxBorder: '#FFF2D6',
TimoutHintText: '#8B6105',
TimeoutHintText: '#8B6105',
resendCodeTimer: '#555555',
uncheckedIcon: '#DBDBDB',
startColor: '#f59b4b',
endColor: '#e86e04',
stroke: '#ee8123',
iconBg: '#ffa85a',
warningLogoBg: '#FFF7E5',
};
export type ElevationLevel = 0 | 1 | 2 | 3 | 4 | 5 | 6;
@@ -97,7 +102,7 @@ export const DefaultTheme = {
DisabledColors: Colors.DisabledColors,
getVidColor: Colors.Zambezi,
TimeoutHintBoxColor: Colors.TimeoutHintBoxColor,
TimoutHintText: Colors.TimoutHintText,
TimeoutHintText: Colors.TimeoutHintText,
walletbindingLabel: Colors.Black,
walletbindingContent: Colors.Gray40,
resendCodeTimer: Colors.resendCodeTimer,
@@ -107,6 +112,10 @@ export const DefaultTheme = {
uncheckedIcon: Colors.uncheckedIcon,
settingsLabel: Colors.Black,
chevronRightColor: Colors.Grey,
linearGradientStart: Colors.startColor,
linearGradientEnd: Colors.endColor,
LinearGradientStroke: Colors.stroke,
warningLogoBgColor: Colors.warningLogoBg,
},
Styles: StyleSheet.create({
title: {
@@ -349,10 +358,13 @@ export const DefaultTheme = {
flex: 1,
justifyContent: 'space-between',
},
welcomeLogo: {
width: 160.441,
height: 173.276,
},
logo: {
height: 40,
width: 40,
marginRight: 4,
},
issuerLogo: {
resizeMode: 'contain',
@@ -404,13 +416,6 @@ export const DefaultTheme = {
marginLeft: 130,
marginRight: 50,
},
settingsIconBg: {
padding: 6,
width: 36,
marginRight: 4,
height: 36,
backgroundColor: Colors.Transparent,
},
backArrowContainer: {
padding: 6,
width: 36,
@@ -427,16 +432,6 @@ export const DefaultTheme = {
marginVertical: 18,
elevation: 1,
},
domainVerifiyIcon: {
padding: 20,
marginLeft: 120,
width: 130,
height: 130,
borderRadius: 60,
borderWidth: 10,
borderColor: Colors.White,
backgroundColor: Colors.LightOrange,
},
pinIcon: {
height: 39,
width: 39,
@@ -686,12 +681,12 @@ export const DefaultTheme = {
fontFamily: 'Inter_600SemiBold',
lineHeight: 18,
},
helpDetailes: {
helpDetails: {
margin: 5,
color: Colors.Gray44,
fontFamily: 'Inter_600SemiBold',
},
aboutDetailes: {
aboutDetails: {
color: Colors.Black,
fontSize: 18,
margin: 7,
@@ -724,6 +719,7 @@ export const DefaultTheme = {
bold: {
fontFamily: 'Inter_700Bold',
fontSize: 15,
justifyContent: 'center',
},
small: {
fontSize: 13,
@@ -790,27 +786,18 @@ export const DefaultTheme = {
},
}),
SearchBarStyles: StyleSheet.create({
searchBarContainer: {
borderBottomWidth: 1,
borderBottomColor: Colors.Gray50,
},
searchIcon: {
justifyContent: 'center',
paddingLeft: 15,
height: Dimensions.get('window').height * 0.055,
width: Dimensions.get('window').width * 0.1,
borderColor: Colors.Gray50,
borderTopWidth: 1,
borderBottomWidth: 1,
borderLeftWidth: 1,
borderTopLeftRadius: 9,
borderBottomLeftRadius: 9,
},
searchBar: {
borderWidth: 1,
borderColor: Colors.Gray50,
height: Dimensions.get('window').height * 0.055,
width: Dimensions.get('window').width * 0.84,
paddingLeft: 12,
borderLeftWidth: 0,
borderTopRightRadius: 9,
borderBottomRightRadius: 9,
},
}),
ButtonStyles: StyleSheet.create({
@@ -1258,10 +1245,9 @@ export const DefaultTheme = {
issuerHeading: {
fontFamily: 'Inter_600SemiBold',
fontSize: 14,
lineHeight: 17,
paddingHorizontal: 3,
paddingBottom: 4,
paddingTop: 1.7,
marginBottom: 2,
marginTop: 5,
},
issuerDescription: {
fontSize: 11,
@@ -1271,14 +1257,6 @@ export const DefaultTheme = {
paddingHorizontal: 3,
paddingTop: 1.4,
},
issuerIcon: {
resizeMode: 'contain',
height: 33,
width: 32,
marginBottom: 9,
marginTop: 8,
marginLeft: 2.5,
},
}),
SendVcScreenStyles: StyleSheet.create({
shareOptionButtonsContainer: {
@@ -1338,36 +1316,12 @@ export const DefaultTheme = {
ICON_SMALL_SIZE: 16,
ICON_MID_SIZE: 22,
ICON_LARGE_SIZE: 33,
PinIcon: require('../../../assets/pin_icon.png'),
CloseCard: require('../../../assets/card_bg.png'),
CardBackground: require('../../../assets/card_bg.png'),
OpenCard: require('../../../assets/card_bg.png'),
cardFaceIcon: require('../../../assets/placeholder-photo.png'),
MosipSplashLogo: require('../../../assets/icon.png'),
MosipLogo: require('../../../assets/mosip-logo.png'),
CameraFlipIcon: require('../../../assets/camera-flip-icon.png'),
ImageCaptureButton: require('../../../assets/capture-button.png'),
DomainWarningLogo: require('../../../assets/domain-warning.png'),
WarningLogo: require('../../../assets/warningLogo.png'),
OtpLogo: require('../../../assets/otp-mobile-logo.png'),
SuccessLogo: require('../../../assets/success-logo.png'),
ReceiveCardIcon: require('../../../assets/receive-card-icon.png'),
ReceivedCardsIcon: require('../../../assets/received-cards-icon.png'),
DigitalIdentityLogo: require('../../../assets/digital-identity-icon.png'),
InjiLogoWhite: require('../../../assets/inji-logo-white.png'),
InjiProgressingLogo: require('../../../assets/progressing-logo.png'),
LockIcon: require('../../../assets/lock-icon.png'),
InjiHomeLogo: require('../../../assets/inji-home-logo.png'),
MagnifierZoom: require('../../../assets/magnifier-zoom.png'),
HelpIcon: require('../../../assets/help-icon.png'),
sharingIntro: require('../../../assets/intro-secure-sharing.png'),
walletIntro: require('../../../assets/intro-wallet-binding.png'),
IntroScanner: require('../../../assets/intro-scanner.png'),
injiSmallLogo: require('../../../assets/inji_small_logo.png'),
protectPrivacy: require('../../../assets/intro-unlock-method.png'),
NoInternetConnection: require('../../../assets/no-internet-connection.png'),
SomethingWentWrong: require('../../../assets/something-went-wrong.png'),
CloseCard: require('../../../assets/Card_Bg1.png'),
OpenCard: require('../../../assets/Card_Bg1.png'),
sharingIntro: require('../../../assets/Intro_Secure_Sharing.png'),
walletIntro: require('../../../assets/Intro_Wallet_Binding.png'),
IntroScanner: require('../../../assets/Intro_Scanner.png'),
protectPrivacy: require('../../../assets/Intro_Unlock_Method.png'),
elevation(level: ElevationLevel): ViewStyle {
// https://ethercreative.github.io/react-native-shadow-generator/

118
components/ui/themes/PurpleTheme.ts
View File

@@ -30,7 +30,7 @@ const Colors = {
GrayText: '#6F6F6F',
mediumLightGrayText: '#A7A7A7',
dorColor: '#CBCBCB',
plainText: '#FFD6A7',
plainText: '#F3E2FF',
walletbindingLabel: '#000000',
GradientColors: ['#373086', '#70308C'],
DisabledColors: ['#C7C7C7', '#C7C7C7'],
@@ -39,9 +39,14 @@ const Colors = {
LightPurple: '#F3E2FF',
TimeoutHintBoxColor: '#FBF5FF',
TimeoutHintBoxBorder: '#FFF7E5',
TimoutHintText: '#1C1C1C',
TimeoutHintText: '#1C1C1C',
resendCodeTimer: '#555555',
uncheckedIcon: '#DBDBDB',
startColor: '#8449A5',
endColor: '#683386',
stroke: '#8449A5',
iconBg: '#fbf5ff',
warningLogoBg: '#F3E2FF',
};
export type ElevationLevel = 0 | 1 | 2 | 3 | 4 | 5 | 6;
@@ -100,7 +105,7 @@ export const PurpleTheme = {
DisabledColors: Colors.DisabledColors,
getVidColor: Colors.Zambezi,
TimeoutHintBoxColor: Colors.TimeoutHintBoxColor,
TimoutHintText: Colors.TimoutHintText,
TimeoutHintText: Colors.TimeoutHintText,
walletbindingLabel: Colors.Black,
walletbindingContent: Colors.Gray40,
resendCodeTimer: Colors.resendCodeTimer,
@@ -110,6 +115,10 @@ export const PurpleTheme = {
uncheckedIcon: Colors.uncheckedIcon,
settingsLabel: Colors.Black,
chevronRightColor: Colors.Grey,
linearGradientStart: Colors.startColor,
linearGradientEnd: Colors.endColor,
LinearGradientStroke: Colors.stroke,
warningLogoBgColor: Colors.warningLogoBg,
},
Styles: StyleSheet.create({
title: {
@@ -353,10 +362,13 @@ export const PurpleTheme = {
flex: 1,
justifyContent: 'space-between',
},
welcomeLogo: {
width: 160.441,
height: 173.276,
},
logo: {
height: 40,
width: 40,
marginRight: 4,
height: 40,
},
issuerLogo: {
resizeMode: 'contain',
@@ -364,8 +376,8 @@ export const PurpleTheme = {
height: 60,
},
vcDetailsLogo: {
height: 35,
width: 90,
height: 35,
},
homeCloseCardDetailsHeader: {
flex: 1,
@@ -401,20 +413,13 @@ export const PurpleTheme = {
backgroundColor: Colors.LightPurple,
},
cameraFlipIcon: {
height: 42,
width: 42,
height: 42,
},
imageCaptureButton: {
marginLeft: 130,
marginRight: 50,
},
settingsIconBg: {
padding: 6,
width: 36,
marginRight: 4,
height: 36,
backgroundColor: Colors.Transparent,
},
backArrowContainer: {
padding: 6,
width: 36,
@@ -431,16 +436,6 @@ export const PurpleTheme = {
marginVertical: 18,
elevation: 1,
},
domainVerifiyIcon: {
padding: 20,
marginLeft: 120,
width: 130,
height: 130,
borderRadius: 60,
borderWidth: 10,
borderColor: Colors.White,
backgroundColor: Colors.LightPurple,
},
pinIcon: {
height: 39,
width: 39,
@@ -453,9 +448,8 @@ export const PurpleTheme = {
width: 88,
},
closeCardImage: {
width: 80,
height: 82,
borderRadius: 100,
width: 88,
height: 96,
},
openCardImage: {
width: 100,
@@ -690,12 +684,12 @@ export const PurpleTheme = {
fontFamily: 'Inter_600SemiBold',
lineHeight: 18,
},
helpDetailes: {
helpDetails: {
margin: 5,
color: Colors.Gray44,
fontFamily: 'Inter_600SemiBold',
},
aboutDetailes: {
aboutDetails: {
color: Colors.Black,
fontSize: 18,
margin: 7,
@@ -728,6 +722,7 @@ export const PurpleTheme = {
bold: {
fontFamily: 'Inter_700Bold',
fontSize: 15,
justifyContent: 'center',
},
small: {
fontSize: 13,
@@ -794,27 +789,18 @@ export const PurpleTheme = {
},
}),
SearchBarStyles: StyleSheet.create({
searchBarContainer: {
borderBottomWidth: 1,
borderBottomColor: Colors.Gray50,
},
searchIcon: {
justifyContent: 'center',
backgroundColor: Colors.Gray50,
height: Dimensions.get('window').height * 0.055,
width: Dimensions.get('window').width * 0.1,
borderColor: Colors.Gray50,
borderTopWidth: 1,
borderBottomWidth: 1,
borderLeftWidth: 1,
borderTopLeftRadius: 9,
borderBottomLeftRadius: 9,
},
searchBar: {
borderWidth: 1,
borderColor: Colors.Gray50,
height: Dimensions.get('window').height * 0.055,
width: Dimensions.get('window').width * 0.84,
paddingLeft: 12,
borderLeftWidth: 0,
borderTopRightRadius: 9,
borderBottomRightRadius: 9,
},
}),
ButtonStyles: StyleSheet.create({
@@ -1263,8 +1249,9 @@ export const PurpleTheme = {
issuerHeading: {
fontFamily: 'Inter_600SemiBold',
fontSize: 14,
lineHeight: 17,
paddingTop: 1.7,
paddingHorizontal: 3,
marginBottom: 2,
marginTop: 5,
},
issuerDescription: {
fontSize: 11,
@@ -1272,14 +1259,6 @@ export const PurpleTheme = {
color: Colors.ShadeOfGrey,
paddingTop: 1.4,
},
issuerIcon: {
resizeMode: 'contain',
height: 33,
width: 32,
marginBottom: 9,
marginTop: 8,
marginLeft: 2.5,
},
}),
SendVcScreenStyles: StyleSheet.create({
shareOptionButtonsContainer: {
@@ -1339,35 +1318,12 @@ export const PurpleTheme = {
ICON_SMALL_SIZE: 16,
ICON_MID_SIZE: 22,
ICON_LARGE_SIZE: 33,
PinIcon: require('../../../assets/pin_icon.png'),
CloseCard: require('../../../assets/card_bg.png'),
CardBackground: require('../../../assets/card_bg.png'),
OpenCard: require('../../../assets/card_bg.png'),
cardFaceIcon: require('../../../purpleAssets/profile_icon.png'),
MosipSplashLogo: require('../../../assets/icon.png'),
MosipLogo: require('../../../assets/mosip-logo.png'),
CameraFlipIcon: require('../../../purpleAssets/camera-flip-icon.png'),
ImageCaptureButton: require('../../../purpleAssets/capture-button.png'),
DomainWarningLogo: require('../../../assets/domain-warning.png'),
WarningLogo: require('../../../assets/warningLogo.png'),
OtpLogo: require('../../../purpleAssets/otp-mobile-logo.png'),
SuccessLogo: require('../../../assets/success-logo.png'),
ReceiveCardIcon: require('../../../purpleAssets/receive-card-icon.png'),
ReceivedCardsIcon: require('../../../purpleAssets/received-cards-icon.png'),
DigitalIdentityLogo: require('../../../purpleAssets/digital-identity-icon.png'),
InjiLogoWhite: require('../../../assets/inji-logo-white.png'),
InjiProgressingLogo: require('../../../purpleAssets/progressing-logo.png'),
LockIcon: require('../../../purpleAssets/lock-icon.png'),
InjiHomeLogo: require('../../../purpleAssets/inji-home-logo.png'),
MagnifierZoom: require('../../../assets/magnifier-zoom.png'),
HelpIcon: require('../../../purpleAssets/help-icon.png'),
sharingIntro: require('../../../assets/intro-secure-sharing.png'),
walletIntro: require('../../../assets/intro-wallet-binding.png'),
IntroScanner: require('../../../assets/intro-scanner.png'),
injiSmallLogo: require('../../../assets/inji_small_logo.png'),
protectPrivacy: require('../../../assets/intro-unlock-method.png'),
NoInternetConnection: require('../../../assets/no-internet-connection.png'),
SomethingWentWrong: require('../../../assets/something-went-wrong.png'),
CloseCard: require('../../../assets/Card_Bg1.png'),
OpenCard: require('../../../assets/Card_Bg1.png'),
sharingIntro: require('../../../assets/Intro_Secure_Sharing.png'),
walletIntro: require('../../../assets/Intro_Wallet_Binding.png'),
IntroScanner: require('../../../assets/Intro_Scanner.png'),
protectPrivacy: require('../../../assets/Intro_Unlock_Method.png'),
elevation(level: ElevationLevel): ViewStyle {
// https://ethercreative.github.io/react-native-shadow-generator/

5
custom.d.ts vendored Normal file
View File

@@ -0,0 +1,5 @@
declare module '*.svg' {
import {SvgProps} from 'react-native-svg';
const content: React.StatelessComponent<SvgProps>;
export default content;
}

4
locales/ara.json
View File

@@ -151,8 +151,8 @@
"aboutInji": "حول إنجي",
"header": "حول إنجي",
"appID": "ID طبيق",
"aboutDetailes": "إنجي هو تطبيق جوال يمكن استخدامه كمحفظة رقمية لتخزين بيانات الاعتماد. كما يسمح بالتحقق من الهوية في الوضعين غير المتصلين بالإنترنت وفي أي مكان وزمان.",
"forMoreDetailes": "لمزيد من التفاصيل",
"aboutDetails": "إنجي هو تطبيق جوال يمكن استخدامه كمحفظة رقمية لتخزين بيانات الاعتماد. كما يسمح بالتحقق من الهوية في الوضعين غير المتصلين بالإنترنت وفي أي مكان وزمان.",
"forMoreDetails": "لمزيد من التفاصيل",
"clickHere": "انقر هنا",
"version": "الإصدار",
"tuvaliVersion": "نسخة توفالي"

4
locales/en.json
View File

@@ -152,8 +152,8 @@
"aboutInji": "About Inji",
"header": "ABOUT INJI",
"appID": "App ID",
"aboutDetailes": "Inji is a mobile app that can be used as a digital wallet to store credentials. It also allows identity verification in both offline and online modes, at any place and time.",
"forMoreDetailes": "For more details",
"aboutDetails": "Inji is a mobile app that can be used as a digital wallet to store credentials. It also allows identity verification in both offline and online modes, at any place and time.",
"forMoreDetails": "For more details",
"clickHere": "Click here",
"version": "Version",
"tuvaliVersion": "Tuvali-version"

4
locales/fil.json
View File

@@ -150,8 +150,8 @@
"aboutInji": "Tungkol kay Inji",
"header": "TUNGKOL KAY INJI",
"appID": "App ID",
"aboutDetailes": "Ang Inji ay isang mobile app na maaaring gamitin bilang digital wallet para mag-imbak ng mga kredensyal. Pinapayagan din nito ang pag-verify ng pagkakakilanlan sa parehong offline at online na mga mode, sa anumang lugar at oras.",
"forMoreDetailes": "Para sa karagdagang detalye",
"aboutDetails": "Ang Inji ay isang mobile app na maaaring gamitin bilang digital wallet para mag-imbak ng mga kredensyal. Pinapayagan din nito ang pag-verify ng pagkakakilanlan sa parehong offline at online na mga mode, sa anumang lugar at oras.",
"forMoreDetails": "Para sa karagdagang detalye",
"clickHere": "Pindutin dito",
"version": "Bersyon",
"tuvaliVersion": "Tuvali-bersyon"

4
locales/hin.json
View File

@@ -148,8 +148,8 @@
"aboutInji": "इंजी के बारे में",
"header": "इंजी के बारे में",
"appID": "ऐप ID",
"aboutDetailes": "इंजी एक मोबाइल ऐप है जिसे क्रेडेंशियल स्टोर करने के लिए डिजिटल वॉलेट के रूप में इस्तेमाल किया जा सकता है। यह किसी भी स्थान और समय पर ऑफ़लाइन और ऑनलाइन दोनों तरीकों से पहचान के सत्यापन की अनुमति देता है।",
"forMoreDetailes": "अधिक जानकारी के लिए",
"aboutDetails": "इंजी एक मोबाइल ऐप है जिसे क्रेडेंशियल स्टोर करने के लिए डिजिटल वॉलेट के रूप में इस्तेमाल किया जा सकता है। यह किसी भी स्थान और समय पर ऑफ़लाइन और ऑनलाइन दोनों तरीकों से पहचान के सत्यापन की अनुमति देता है।",
"forMoreDetails": "अधिक जानकारी के लिए",
"clickHere": "यहाँ क्लिक करें",
"version": "संस्करण",
"tuvaliVersion": "तुवाली-संस्करण"

4
locales/kan.json
View File

@@ -147,8 +147,8 @@
"aboutInji": "ಇಂಜಿ ಬಗ್ಗೆ",
"header": "ಇಂಜಿ ಬಗ್ಗೆ",
"appID": "ಆಪ್ ID",
"aboutDetailes": "ಇಂಜಿ ಎನ್ನುವುದು ರುಜುವಾತುಗಳನ್ನು ಸಂಗ್ರಹಿಸಲು ಡಿಜಿಟಲ್ ವ್ಯಾಲೆಟ್ ಆಗಿ ಬಳಸಬಹುದಾದ ಮೊಬೈಲ್ ಅಪ್ಲಿಕೇಶನ್ ಆಗಿದೆ. ಇದು ಯಾವುದೇ ಸ್ಥಳ ಮತ್ತು ಸಮಯದಲ್ಲಿ ಆಫ್‌ಲೈನ್ ಮತ್ತು ಆನ್‌ಲೈನ್ ಮೋಡ್‌ಗಳಲ್ಲಿ ಗುರುತಿನ ಪರಿಶೀಲನೆಯನ್ನು ಅನುಮತಿಸುತ್ತದೆ.",
"forMoreDetailes": "ಹೆಚ್ಚಿನ ವಿವರಗಳಿಗಾಗಿ",
"aboutDetails": "ಇಂಜಿ ಎನ್ನುವುದು ರುಜುವಾತುಗಳನ್ನು ಸಂಗ್ರಹಿಸಲು ಡಿಜಿಟಲ್ ವ್ಯಾಲೆಟ್ ಆಗಿ ಬಳಸಬಹುದಾದ ಮೊಬೈಲ್ ಅಪ್ಲಿಕೇಶನ್ ಆಗಿದೆ. ಇದು ಯಾವುದೇ ಸ್ಥಳ ಮತ್ತು ಸಮಯದಲ್ಲಿ ಆಫ್‌ಲೈನ್ ಮತ್ತು ಆನ್‌ಲೈನ್ ಮೋಡ್‌ಗಳಲ್ಲಿ ಗುರುತಿನ ಪರಿಶೀಲನೆಯನ್ನು ಅನುಮತಿಸುತ್ತದೆ.",
"forMoreDetails": "ಹೆಚ್ಚಿನ ವಿವರಗಳಿಗಾಗಿ",
"clickHere": "ಇಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ",
"version": "ಆವೃತ್ತಿ",
"tuvaliVersion": "ಟುವಾಲಿ-ಆವೃತ್ತಿ"

4
locales/spa.json
View File

@@ -152,8 +152,8 @@
"aboutInji": "Acerca de Inji",
"header": "ACERCA DE INJI",
"appID": "ID de aplicación",
"aboutDetailes": "Inji es una aplicación móvil que se puede utilizar como billetera digital para almacenar credenciales. ",
"forMoreDetailes": "Para más detalles",
"aboutDetails": "Inji es una aplicación móvil que se puede utilizar como billetera digital para almacenar credenciales. ",
"forMoreDetails": "Para más detalles",
"clickHere": "haga clic aquí",
"version": "Versión",
"tuvaliVersion": "Versión Tuvali"

4
locales/tam.json
View File

@@ -147,8 +147,8 @@
"aboutInji": "இன்ஜி பற்றி",
"header": "இன்ஜி பற்றி",
"appID": "பயன்பாடாகும் ID",
"aboutDetailes": "இன்ஜி என்பது ஒரு மொபைல் பயன்பாடாகும், இது நற்சான்றிதழ்களைச் சேமிக்க டிஜிட்டல் பணப்பையாகப் பயன்படுத்தப்படலாம். எந்த இடத்திலும் நேரத்திலும், ஆஃப்லைன் மற்றும் ஆன்லைன் முறைகள் இரண்டிலும் அடையாளச் சரிபார்ப்பை இது அனுமதிக்கிறது.",
"forMoreDetailes": "மேலும் விவரங்களுக்கு",
"aboutDetails": "இன்ஜி என்பது ஒரு மொபைல் பயன்பாடாகும், இது நற்சான்றிதழ்களைச் சேமிக்க டிஜிட்டல் பணப்பையாகப் பயன்படுத்தப்படலாம். எந்த இடத்திலும் நேரத்திலும், ஆஃப்லைன் மற்றும் ஆன்லைன் முறைகள் இரண்டிலும் அடையாளச் சரிபார்ப்பை இது அனுமதிக்கிறது.",
"forMoreDetails": "மேலும் விவரங்களுக்கு",
"clickHere": "இங்கே கிளிக் செய்யவும்",
"version": "பதிப்பு",
"tuvaliVersion": "துவாலி-பதிப்பு"

BIN
purpleAssets/_cart_sel.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 179 KiB

BIN
purpleAssets/bg_cart_one.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
purpleAssets/camera-flip-icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.8 KiB

BIN
purpleAssets/capture-button.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.9 KiB

BIN
purpleAssets/cart_unsel.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 24 KiB

BIN
purpleAssets/digital-identity-icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

BIN
purpleAssets/help-icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.4 KiB

BIN
purpleAssets/idpass-logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
purpleAssets/inji-home-logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.7 KiB

BIN
purpleAssets/lock-icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 943 B

BIN
purpleAssets/logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 45 KiB

BIN
purpleAssets/otp-mobile-logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.8 KiB

BIN
purpleAssets/profile_icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.8 KiB

BIN
purpleAssets/profile_icon_unsel.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 KiB

BIN
purpleAssets/progressing-logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

BIN
purpleAssets/receive-card-icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 680 B

BIN
purpleAssets/received-cards-icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 656 B

BIN
purpleAssets/splash.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 39 KiB

4
screens/AuthScreen.tsx
View File

@@ -1,6 +1,5 @@
import React from 'react';
import {useTranslation} from 'react-i18next';
import {Icon} from 'react-native-elements';
import {MessageOverlay} from '../components/MessageOverlay';
import {Button, Column, Text} from '../components/ui';
import {Theme} from '../components/ui/styleUtils';
@@ -13,6 +12,7 @@ import {
sendStartEvent,
} from '../shared/telemetry/TelemetryUtils';
import {TelemetryConstants} from '../shared/telemetry/TelemetryConstants';
import {Icon} from 'react-native-elements';
export const AuthScreen: React.FC<RootRouteProps> = props => {
const {t} = useTranslation('AuthScreen');
@@ -42,7 +42,7 @@ export const AuthScreen: React.FC<RootRouteProps> = props => {
onBackdropPress={controller.hideAlert}
title={controller.alertMsg}
/>
<Column>
<Column crossAlign="center">
<Icon name="fingerprint" size={80} color={Theme.Colors.Icon} />
<Column margin="30 0 0 0">
<Text

13
screens/Home/HomeScreen.tsx
View File

@@ -101,19 +101,6 @@ export const HomeScreen: React.FC<HomeRouteProps> = props => {
);
};
function TabItem(title: string) {
return (
<Tab.Item
containerStyle={Theme.Styles.tabContainer}
title={
<Text align="center" color={Theme.Colors.TabItemText}>
{title}
</Text>
}
/>
);
}
export interface HomeScreenTabProps {
isVisible: boolean;
service: TabRef;

Some files were not shown because too many files have changed in this diff Show More