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

Injimob-3651: update the new branding changes (#2154)

Browse Source 
* [INJIMOB-3622]: add the new branding changes

Signed-off-by: jaswanthkumarpolisetty <jaswanthkumar.p@thoughtworks.com>

* [INJIMOB-3651]: update the new branding changes

Signed-off-by: jaswanthkumarpolisetty <jaswanthkumar.p@thoughtworks.com>

* [INJIMOB-3651]: update the new snapshots

Signed-off-by: jaswanthkumarpolisetty <jaswanthkumar.p@thoughtworks.com>

* [INJIMOB-3651]: update the changes mentioned deskcheck

Signed-off-by: jaswanthkumarpolisetty <jaswanthkumar.p@thoughtworks.com>

---------

Signed-off-by: jaswanthkumarpolisetty <jaswanthkumar.p@thoughtworks.com>
Signed-off-by: jaswanthkumartw <jaswanthkumar.p@thoughtworks.com>
This commit is contained in:
jaswanthkumartw
2025-12-01 15:03:41 +05:30
committed by GitHub
parent 9457ad0d9f
commit edefef6c5d
43 changed files with 1141 additions and 864 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
.talismanrc
View File

@@ -408,16 +408,19 @@ fileignoreconfig:
checksum: 02f7d58fb149ecd3f10dd0bdfb6e85c4b3ae41d29a40d192056ffec0367b53c6
- filename: components/VC/Views/VCDetailView.tsx
checksum: 890c216a5632ac77b938f2f58f2123a669ea45b933a41931b8e7324e315f2d50
- filename: package-lock.json
checksum: bb9c44dfa47bc6e1ff62c2e2f2293cf2fb5ff3eb1bfba27d3727992c2ae0dca7
- filename: components/ui/Picker.tsx
checksum: 5be293ee41d3e3bd5924320d63074d2c196d3163c99c39991632477ed9fcd871
- filename: components/ui/SetupPicker.tsx
checksum: 669e85d1c8ff526b97fa4ed4b8ed33a100eaba9f2f41bceccd75dc7a85a12103
- filename: screens/Home/MyVcsTab.tsx
checksum: 68ff83c5d9062fbc077d008956fa654540253c52ce68d7105c175c51562b3dc9
- filename: package-lock.json
checksum: 3a38d02673f03c2edf1daa2003a3ff2b191482a1d26a97f945f7656b9e2cfcce
- filename: screens/IntroSliders/secureShareIntro.tsx
checksum: e0f176f4ba920fb05cd1e4937295fe34c036b4b662fa3cf74b292b69a6e8af93
- filename: components/VC/common/VcStatustooTip.tsx
checksum: a48c88da719fadcb3d1aeb730a23735709c0c198351104203abd03445f6cc76f
- filename: screens/Settings/KeyManagementScreen.tsx
checksum: 6871fad16ecb5f019f502b2f7f715bc2a7b646ee08026b321aa1f8ce071dccc1
version: "1.0"

150
assets/Logomark.svg Normal file
View File

@@ -0,0 +1,150 @@
<svg width="45" height="47" viewBox="0 0 45 47" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_dd_1778_4441)">
<path d="M34.0957 7.68184C33.9731 8.13543 33.7567 8.55848 33.4604 8.92384C32.7751 9.65073 31.901 10.1741 30.9351 10.4358C30.8206 10.4634 30.7145 10.5183 30.626 10.5958C30.5225 10.7414 30.4722 10.9178 30.4835 11.0958C30.4551 11.6837 30.2545 12.2504 29.9064 12.7258C29.7334 12.9579 29.5075 13.1456 29.2472 13.2734C28.987 13.4012 28.7 13.4655 28.4099 13.4608C28.1477 13.431 27.8898 13.3716 27.6411 13.2838C25.8666 12.7943 24.0452 12.4926 22.2072 12.3838C21.0936 12.3584 19.9918 12.15 18.9463 11.7668C18.0269 11.3668 16.8727 10.4158 16.957 9.30083C16.9188 7.97574 17.0452 6.65102 17.3334 5.35683C17.4499 5.01888 17.5977 4.69247 17.775 4.38184C13.4896 5.43729 9.69238 7.91448 7.00786 11.406C4.32334 14.8974 2.91141 19.1952 3.00431 23.5925C3.09721 27.9897 4.68941 32.2246 7.51902 35.6004C10.3486 38.9762 14.2471 41.292 18.5733 42.1668C22.8995 43.0417 27.3957 42.4235 31.3223 40.4139C35.249 38.4044 38.3723 35.1231 40.1785 31.1099C41.9847 27.0967 42.3662 22.5905 41.2603 18.3326C40.1544 14.0746 37.627 10.3184 34.0937 7.68184H34.0957ZM22.5083 33.4258C20.5074 33.4534 18.5434 32.8874 16.8662 31.7999C15.189 30.7123 13.8743 29.1523 13.0893 27.3182C12.3044 25.4842 12.0847 23.459 12.4581 21.5002C12.8315 19.5414 13.7812 17.7375 15.1864 16.318C16.5916 14.8984 18.3889 13.9273 20.3495 13.5282C22.3101 13.1291 24.3456 13.32 26.1971 14.0767C28.0485 14.8333 29.6323 16.1215 30.7469 17.7774C31.8616 19.4332 32.4567 21.382 32.4567 23.3758C32.4743 26.0227 31.4363 28.5683 29.5708 30.4529C27.7052 32.3375 25.1649 33.4068 22.5083 33.4258Z" fill="#FEC401"/>
<mask id="mask0_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="4" width="39" height="39">
<path d="M34.0957 7.68184C33.9731 8.13543 33.7567 8.55848 33.4604 8.92384C32.7751 9.65073 31.901 10.1741 30.9351 10.4358C30.8206 10.4634 30.7145 10.5183 30.626 10.5958C30.5225 10.7414 30.4722 10.9178 30.4835 11.0958C30.4551 11.6837 30.2545 12.2504 29.9064 12.7258C29.7334 12.9579 29.5075 13.1456 29.2472 13.2734C28.987 13.4012 28.7 13.4655 28.4099 13.4608C28.1477 13.431 27.8898 13.3716 27.6411 13.2838C25.8666 12.7943 24.0452 12.4926 22.2072 12.3838C21.0936 12.3584 19.9918 12.15 18.9463 11.7668C18.0269 11.3668 16.8727 10.4158 16.957 9.30083C16.9188 7.97574 17.0452 6.65102 17.3334 5.35683C17.4499 5.01888 17.5977 4.69247 17.775 4.38184C13.4896 5.43729 9.69238 7.91448 7.00786 11.406C4.32334 14.8974 2.91141 19.1952 3.00431 23.5925C3.09721 27.9897 4.68941 32.2246 7.51902 35.6004C10.3486 38.9762 14.2471 41.292 18.5733 42.1668C22.8995 43.0417 27.3957 42.4235 31.3223 40.4139C35.249 38.4044 38.3723 35.1231 40.1785 31.1099C41.9847 27.0967 42.3662 22.5905 41.2603 18.3326C40.1544 14.0746 37.627 10.3184 34.0937 7.68184H34.0957ZM22.5083 33.4258C20.5074 33.4534 18.5434 32.8874 16.8662 31.7999C15.189 30.7123 13.8743 29.1523 13.0893 27.3182C12.3044 25.4842 12.0847 23.459 12.4581 21.5002C12.8315 19.5414 13.7812 17.7375 15.1864 16.318C16.5916 14.8984 18.3889 13.9273 20.3495 13.5282C22.3101 13.1291 24.3456 13.32 26.1971 14.0767C28.0485 14.8333 29.6323 16.1215 30.7469 17.7774C31.8616 19.4332 32.4567 21.382 32.4567 23.3758C32.4743 26.0227 31.4363 28.5683 29.5708 30.4529C27.7052 32.3375 25.1649 33.4068 22.5083 33.4258Z" fill="white"/>
</mask>
<g mask="url(#mask0_1778_4441)">
<path d="M30.0319 42.7584C34.2984 42.7584 37.7572 39.2644 37.7572 34.9544C37.7572 30.6444 34.2984 27.1504 30.0319 27.1504C25.7654 27.1504 22.3066 30.6444 22.3066 34.9544C22.3066 39.2644 25.7654 42.7584 30.0319 42.7584Z" fill="#01A2FD"/>
</g>
<mask id="mask1_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="4" width="39" height="39">
<path d="M34.0957 7.68184C33.9731 8.13543 33.7567 8.55848 33.4604 8.92384C32.7749 9.65048 31.9009 10.1738 30.9351 10.4358C30.8206 10.4634 30.7145 10.5183 30.626 10.5958C30.5225 10.7414 30.4722 10.9178 30.4835 11.0958C30.4551 11.6837 30.2545 12.2504 29.9064 12.7258C29.7334 12.9579 29.5075 13.1456 29.2472 13.2734C28.987 13.4012 28.7 13.4655 28.4099 13.4608C28.1477 13.431 27.8898 13.3716 27.6411 13.2838C25.8666 12.7943 24.0452 12.4927 22.2072 12.3838C21.0936 12.3584 19.9918 12.15 18.9463 11.7668C18.0269 11.3668 16.8727 10.4158 16.957 9.30083C16.9188 7.97574 17.0452 6.65102 17.3334 5.35683C17.4499 5.01888 17.5977 4.69247 17.775 4.38184C13.4896 5.43729 9.69238 7.91448 7.00786 11.406C4.32334 14.8974 2.91141 19.1952 3.00431 23.5925C3.09721 27.9897 4.68941 32.2246 7.51902 35.6004C10.3486 38.9762 14.2471 41.292 18.5733 42.1668C22.8995 43.0417 27.3957 42.4235 31.3223 40.4139C35.249 38.4044 38.3723 35.1231 40.1785 31.1099C41.9847 27.0967 42.3662 22.5905 41.2603 18.3326C40.1544 14.0746 37.627 10.3184 34.0937 7.68184H34.0957ZM22.5083 33.4258C20.5074 33.4534 18.5434 32.8874 16.8662 31.7999C15.189 30.7123 13.8743 29.1523 13.0893 27.3182C12.3044 25.4842 12.0847 23.459 12.4581 21.5002C12.8315 19.5414 13.7812 17.7375 15.1864 16.318C16.5916 14.8984 18.3889 13.9273 20.3495 13.5282C22.3101 13.1291 24.3456 13.32 26.1971 14.0767C28.0485 14.8333 29.6323 16.1215 30.7469 17.7774C31.8616 19.4332 32.4567 21.382 32.4567 23.3758C32.4743 26.0227 31.4363 28.5683 29.5708 30.4529C27.7052 32.3375 25.1649 33.4068 22.5083 33.4258Z" fill="white"/>
</mask>
<g mask="url(#mask1_1778_4441)">
<path d="M7.9047 24.0002C9.65023 24.0002 11.0653 22.5711 11.0653 20.8082C11.0653 19.0453 9.65023 17.6162 7.9047 17.6162C6.15917 17.6162 4.74414 19.0453 4.74414 20.8082C4.74414 22.5711 6.15917 24.0002 7.9047 24.0002Z" fill="#F97707"/>
</g>
<mask id="mask2_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="4" width="39" height="39">
<path d="M34.0957 7.68184C33.9731 8.13543 33.7567 8.55848 33.4604 8.92384C32.7751 9.65073 31.901 10.1741 30.9351 10.4358C30.8206 10.4634 30.7145 10.5183 30.626 10.5958C30.5225 10.7414 30.4722 10.9178 30.4835 11.0958C30.4551 11.6837 30.2545 12.2504 29.9064 12.7258C29.7334 12.9579 29.5075 13.1456 29.2472 13.2734C28.987 13.4012 28.7 13.4655 28.4099 13.4608C28.1477 13.431 27.8898 13.3716 27.6411 13.2838C25.8666 12.7943 24.0452 12.4926 22.2072 12.3838C21.0936 12.3584 19.9918 12.15 18.9463 11.7668C18.0269 11.3668 16.8727 10.4158 16.957 9.30083C16.9188 7.97574 17.0452 6.65102 17.3334 5.35683C17.4499 5.01888 17.5977 4.69247 17.775 4.38184C13.4896 5.43729 9.69238 7.91448 7.00786 11.406C4.32334 14.8974 2.91141 19.1952 3.00431 23.5925C3.09721 27.9897 4.68941 32.2246 7.51902 35.6004C10.3486 38.9762 14.2471 41.292 18.5733 42.1668C22.8995 43.0417 27.3957 42.4235 31.3223 40.4139C35.249 38.4044 38.3723 35.1231 40.1785 31.1099C41.9847 27.0967 42.3662 22.5905 41.2603 18.3326C40.1544 14.0746 37.627 10.3184 34.0937 7.68184H34.0957ZM22.5083 33.4258C20.5074 33.4534 18.5434 32.8874 16.8662 31.7999C15.189 30.7123 13.8743 29.1523 13.0893 27.3182C12.3044 25.4842 12.0847 23.459 12.4581 21.5002C12.8315 19.5414 13.7812 17.7375 15.1864 16.318C16.5916 14.8984 18.3889 13.9273 20.3495 13.5282C22.3101 13.1291 24.3456 13.32 26.1971 14.0767C28.0485 14.8333 29.6323 16.1215 30.7469 17.7774C31.8616 19.4332 32.4567 21.382 32.4567 23.3758C32.4743 26.0227 31.4363 28.5683 29.5708 30.4529C27.7052 32.3375 25.1649 33.4068 22.5083 33.4258Z" fill="white"/>
</mask>
<g mask="url(#mask2_1778_4441)">
<path d="M13.6803 34.5592C16.8476 34.5592 19.4153 31.9651 19.4153 28.7652C19.4153 25.5653 16.8476 22.9712 13.6803 22.9712C10.5129 22.9712 7.94531 25.5653 7.94531 28.7652C7.94531 31.9651 10.5129 34.5592 13.6803 34.5592Z" fill="#01A2FD"/>
</g>
<mask id="mask3_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="4" width="39" height="39">
<path d="M34.0957 7.68184C33.973 8.13508 33.7566 8.55777 33.4604 8.92284C32.7751 9.64973 31.901 10.1731 30.9351 10.4348C30.8206 10.4624 30.7145 10.5173 30.626 10.5948C30.5225 10.7404 30.4722 10.9168 30.4835 11.0948C30.4551 11.6827 30.2545 12.2494 29.9064 12.7248C29.7334 12.9569 29.5075 13.1446 29.2472 13.2724C28.987 13.4002 28.7 13.4645 28.4099 13.4598C28.1477 13.43 27.8898 13.3706 27.6411 13.2828C25.8666 12.7933 24.0452 12.4917 22.2072 12.3828C21.0936 12.3575 19.9918 12.149 18.9463 11.7658C18.0269 11.3658 16.8727 10.4148 16.957 9.29984C16.9188 7.97474 17.0452 6.65002 17.3334 5.35583C17.4499 5.01822 17.5978 4.69215 17.775 4.38184C13.4896 5.43729 9.69238 7.91448 7.00786 11.406C4.32334 14.8974 2.91141 19.1952 3.00431 23.5925C3.09721 27.9897 4.68941 32.2246 7.51902 35.6004C10.3486 38.9762 14.2471 41.292 18.5733 42.1668C22.8995 43.0417 27.3957 42.4235 31.3223 40.4139C35.249 38.4044 38.3723 35.1231 40.1785 31.1099C41.9847 27.0967 42.3662 22.5905 41.2603 18.3326C40.1544 14.0746 37.627 10.3184 34.0937 7.68184H34.0957ZM22.5083 33.4258C20.5074 33.4534 18.5434 32.8874 16.8662 31.7999C15.189 30.7123 13.8743 29.1523 13.0893 27.3182C12.3044 25.4842 12.0847 23.459 12.4581 21.5002C12.8315 19.5414 13.7812 17.7375 15.1864 16.318C16.5916 14.8984 18.3889 13.9273 20.3495 13.5282C22.3101 13.1291 24.3456 13.32 26.1971 14.0767C28.0485 14.8333 29.6323 16.1215 30.7469 17.7774C31.8616 19.4332 32.4567 21.382 32.4567 23.3758C32.4743 26.0227 31.4363 28.5683 29.5708 30.4529C27.7052 32.3375 25.1649 33.4068 22.5083 33.4258Z" fill="white"/>
</mask>
<g mask="url(#mask3_1778_4441)">
<path d="M5.66282 22.0343C8.83016 22.0343 11.3978 19.4402 11.3978 16.2403C11.3978 13.0404 8.83016 10.4463 5.66282 10.4463C2.49548 10.4463 -0.0721588 13.0404 -0.0721588 16.2403C-0.0721588 19.4402 2.49548 22.0343 5.66282 22.0343Z" fill="#014DAF"/>
</g>
<mask id="mask4_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="4" width="39" height="39">
<path d="M34.0957 7.68184C33.973 8.13508 33.7566 8.55777 33.4604 8.92284C32.7751 9.64973 31.901 10.1731 30.9351 10.4348C30.8206 10.4624 30.7145 10.5173 30.626 10.5948C30.5225 10.7404 30.4722 10.9168 30.4835 11.0948C30.4551 11.6827 30.2545 12.2494 29.9064 12.7248C29.7334 12.9569 29.5075 13.1446 29.2472 13.2724C28.987 13.4002 28.7 13.4645 28.4099 13.4598C28.1477 13.43 27.8898 13.3706 27.6411 13.2828C25.8666 12.7933 24.0452 12.4917 22.2072 12.3828C21.0936 12.3575 19.9918 12.149 18.9463 11.7658C18.0269 11.3658 16.8727 10.4148 16.957 9.29984C16.9188 7.97474 17.0452 6.65002 17.3334 5.35583C17.4499 5.01822 17.5978 4.69215 17.775 4.38184C13.4896 5.43729 9.69238 7.91448 7.00786 11.406C4.32334 14.8974 2.91141 19.1952 3.00431 23.5925C3.09721 27.9897 4.68941 32.2246 7.51902 35.6004C10.3486 38.9762 14.2471 41.292 18.5733 42.1668C22.8995 43.0417 27.3957 42.4235 31.3223 40.4139C35.249 38.4044 38.3723 35.1231 40.1785 31.1099C41.9847 27.0967 42.3662 22.5905 41.2603 18.3326C40.1544 14.0746 37.627 10.3184 34.0937 7.68184H34.0957ZM22.5083 33.4258C20.5074 33.4534 18.5434 32.8874 16.8662 31.7999C15.189 30.7123 13.8743 29.1523 13.0893 27.3182C12.3044 25.4842 12.0847 23.459 12.4581 21.5002C12.8315 19.5414 13.7812 17.7375 15.1864 16.318C16.5916 14.8984 18.3889 13.9273 20.3495 13.5282C22.3101 13.1291 24.3456 13.32 26.1971 14.0767C28.0485 14.8333 29.6323 16.1215 30.7469 17.7774C31.8616 19.4332 32.4567 21.382 32.4567 23.3758C32.4743 26.0227 31.4363 28.5683 29.5708 30.4529C27.7052 32.3375 25.1649 33.4068 22.5083 33.4258Z" fill="white"/>
</mask>
<g mask="url(#mask4_1778_4441)">
<path d="M16.481 17.1192C19.0668 17.1192 21.1631 15.0015 21.1631 12.3892C21.1631 9.77687 19.0668 7.65918 16.481 7.65918C13.8951 7.65918 11.7988 9.77687 11.7988 12.3892C11.7988 15.0015 13.8951 17.1192 16.481 17.1192Z" fill="#F97707"/>
</g>
<mask id="mask5_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="4" width="39" height="39">
<path d="M34.0957 7.68184C33.973 8.13508 33.7566 8.55777 33.4604 8.92284C32.7751 9.64973 31.901 10.1731 30.9351 10.4348C30.8206 10.4624 30.7145 10.5173 30.626 10.5948C30.5225 10.7404 30.4722 10.9168 30.4835 11.0948C30.4551 11.6827 30.2545 12.2494 29.9064 12.7248C29.7334 12.9569 29.5075 13.1446 29.2472 13.2724C28.987 13.4002 28.7 13.4645 28.4099 13.4598C28.1477 13.43 27.8898 13.3706 27.6411 13.2828C25.8666 12.7933 24.0452 12.4917 22.2072 12.3828C21.0936 12.3575 19.9918 12.149 18.9463 11.7658C18.0269 11.3658 16.8727 10.4148 16.957 9.29984C16.9188 7.97474 17.0452 6.65002 17.3334 5.35583C17.4499 5.01822 17.5978 4.69215 17.775 4.38184C13.4896 5.43729 9.69238 7.91448 7.00786 11.406C4.32334 14.8974 2.91141 19.1952 3.00431 23.5925C3.09721 27.9897 4.68941 32.2246 7.51902 35.6004C10.3486 38.9762 14.2471 41.292 18.5733 42.1668C22.8995 43.0417 27.3957 42.4235 31.3223 40.4139C35.249 38.4044 38.3723 35.1231 40.1785 31.1099C41.9847 27.0967 42.3662 22.5905 41.2603 18.3326C40.1544 14.0746 37.627 10.3184 34.0937 7.68184H34.0957ZM22.5083 33.4258C20.5074 33.4534 18.5434 32.8874 16.8662 31.7999C15.189 30.7123 13.8743 29.1523 13.0893 27.3182C12.3044 25.4842 12.0847 23.459 12.4581 21.5002C12.8315 19.5414 13.7812 17.7375 15.1864 16.318C16.5916 14.8984 18.3889 13.9273 20.3495 13.5282C22.3101 13.1291 24.3456 13.32 26.1971 14.0767C28.0485 14.8333 29.6323 16.1215 30.7469 17.7774C31.8616 19.4332 32.4567 21.382 32.4567 23.3758C32.4743 26.0227 31.4363 28.5683 29.5708 30.4529C27.7052 32.3375 25.1649 33.4068 22.5083 33.4258Z" fill="white"/>
</mask>
<g mask="url(#mask5_1778_4441)">
<path d="M14.9175 10.5801C17.4801 10.5801 19.5575 8.48161 19.5575 5.89305C19.5575 3.3045 17.4801 1.20605 14.9175 1.20605C12.355 1.20605 10.2776 3.3045 10.2776 5.89305C10.2776 8.48161 12.355 10.5801 14.9175 10.5801Z" fill="#01A2FD"/>
</g>
<mask id="mask6_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="4" width="39" height="39">
<path d="M34.0957 7.68184C33.973 8.13508 33.7566 8.55777 33.4604 8.92284C32.7751 9.64973 31.901 10.1731 30.9351 10.4348C30.8206 10.4624 30.7145 10.5173 30.626 10.5948C30.5225 10.7404 30.4722 10.9168 30.4835 11.0948C30.4551 11.6827 30.2545 12.2494 29.9064 12.7248C29.7334 12.9569 29.5075 13.1446 29.2472 13.2724C28.987 13.4002 28.7 13.4645 28.4099 13.4598C28.1477 13.43 27.8898 13.3706 27.6411 13.2828C25.8666 12.7933 24.0452 12.4917 22.2072 12.3828C21.0936 12.3575 19.9918 12.149 18.9463 11.7658C18.0269 11.3658 16.8727 10.4148 16.957 9.29984C16.9188 7.97474 17.0452 6.65002 17.3334 5.35583C17.4499 5.01822 17.5978 4.69215 17.775 4.38184C13.4896 5.43729 9.69238 7.91448 7.00786 11.406C4.32334 14.8974 2.91141 19.1952 3.00431 23.5925C3.09721 27.9897 4.68941 32.2246 7.51902 35.6004C10.3486 38.9762 14.2471 41.292 18.5733 42.1668C22.8995 43.0417 27.3957 42.4235 31.3223 40.4139C35.249 38.4044 38.3723 35.1231 40.1785 31.1099C41.9847 27.0967 42.3662 22.5905 41.2603 18.3326C40.1544 14.0746 37.627 10.3184 34.0937 7.68184H34.0957ZM22.5083 33.4258C20.5074 33.4534 18.5434 32.8874 16.8662 31.7999C15.189 30.7123 13.8743 29.1523 13.0893 27.3182C12.3044 25.4842 12.0847 23.459 12.4581 21.5002C12.8315 19.5414 13.7812 17.7375 15.1864 16.318C16.5916 14.8984 18.3889 13.9273 20.3495 13.5282C22.3101 13.1291 24.3456 13.32 26.1971 14.0767C28.0485 14.8333 29.6323 16.1215 30.7469 17.7774C31.8616 19.4332 32.4567 21.382 32.4567 23.3758C32.4743 26.0227 31.4363 28.5683 29.5708 30.4529C27.7052 32.3375 25.1649 33.4068 22.5083 33.4258Z" fill="white"/>
</mask>
<g mask="url(#mask6_1778_4441)">
<path d="M37.4731 19.8809C40.059 19.8809 42.1553 17.7632 42.1553 15.1509C42.1553 12.5386 40.059 10.4209 37.4731 10.4209C34.8873 10.4209 32.791 12.5386 32.791 15.1509C32.791 17.7632 34.8873 19.8809 37.4731 19.8809Z" fill="#F97707"/>
</g>
<mask id="mask7_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="4" width="39" height="39">
<path d="M34.0957 7.68184C33.9731 8.13543 33.7567 8.55848 33.4604 8.92384C32.7751 9.65073 31.901 10.1741 30.9351 10.4358C30.8206 10.4634 30.7145 10.5183 30.626 10.5958C30.5225 10.7414 30.4722 10.9178 30.4835 11.0958C30.4551 11.6837 30.2545 12.2504 29.9064 12.7258C29.7334 12.9579 29.5075 13.1456 29.2472 13.2734C28.987 13.4012 28.7 13.4655 28.4099 13.4608C28.1477 13.431 27.8898 13.3716 27.6411 13.2838C25.8666 12.7943 24.0452 12.4926 22.2072 12.3838C21.0936 12.3584 19.9918 12.15 18.9463 11.7668C18.0269 11.3668 16.8727 10.4158 16.957 9.30083C16.9188 7.97574 17.0452 6.65102 17.3334 5.35683C17.4499 5.01888 17.5977 4.69247 17.775 4.38184C13.4896 5.43729 9.69238 7.91448 7.00786 11.406C4.32334 14.8974 2.91141 19.1952 3.00431 23.5925C3.09721 27.9897 4.68941 32.2246 7.51902 35.6004C10.3486 38.9762 14.2471 41.292 18.5733 42.1668C22.8995 43.0417 27.3957 42.4235 31.3223 40.4139C35.249 38.4044 38.3723 35.1231 40.1785 31.1099C41.9847 27.0967 42.3662 22.5905 41.2603 18.3326C40.1544 14.0746 37.627 10.3184 34.0937 7.68184H34.0957ZM22.5083 33.4258C20.5074 33.4534 18.5434 32.8874 16.8662 31.7999C15.189 30.7123 13.8743 29.1523 13.0893 27.3182C12.3044 25.4842 12.0847 23.459 12.4581 21.5002C12.8315 19.5414 13.7812 17.7375 15.1864 16.318C16.5916 14.8984 18.3889 13.9273 20.3495 13.5282C22.3101 13.1291 24.3456 13.32 26.1971 14.0767C28.0485 14.8333 29.6323 16.1215 30.7469 17.7774C31.8616 19.4332 32.4567 21.382 32.4567 23.3758C32.4743 26.0227 31.4363 28.5683 29.5708 30.4529C27.7052 32.3375 25.1649 33.4068 22.5083 33.4258Z" fill="white"/>
</mask>
<g mask="url(#mask7_1778_4441)">
<path d="M36.5291 22.8431C38.2419 22.8431 39.6304 21.4405 39.6304 19.7101C39.6304 17.9798 38.2419 16.5771 36.5291 16.5771C34.8163 16.5771 33.4277 17.9798 33.4277 19.7101C33.4277 21.4405 34.8163 22.8431 36.5291 22.8431Z" fill="#01A2FD"/>
</g>
<mask id="mask8_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="4" width="39" height="39">
<path d="M34.0957 7.68184C33.973 8.13508 33.7566 8.55777 33.4604 8.92284C32.7751 9.64973 31.901 10.1731 30.9351 10.4348C30.8206 10.4624 30.7145 10.5173 30.626 10.5948C30.5225 10.7404 30.4722 10.9168 30.4835 11.0948C30.4551 11.6827 30.2545 12.2494 29.9064 12.7248C29.7334 12.9569 29.5075 13.1446 29.2472 13.2724C28.987 13.4002 28.7 13.4645 28.4099 13.4598C28.1477 13.43 27.8898 13.3706 27.6411 13.2828C25.8666 12.7933 24.0452 12.4917 22.2072 12.3828C21.0936 12.3575 19.9918 12.149 18.9463 11.7658C18.0269 11.3658 16.8727 10.4148 16.957 9.29984C16.9188 7.97474 17.0452 6.65002 17.3334 5.35583C17.4499 5.01822 17.5978 4.69215 17.775 4.38184C13.4896 5.43729 9.69238 7.91448 7.00786 11.406C4.32334 14.8974 2.91141 19.1952 3.00431 23.5925C3.09721 27.9897 4.68941 32.2246 7.51902 35.6004C10.3486 38.9762 14.2471 41.292 18.5733 42.1668C22.8995 43.0417 27.3957 42.4235 31.3223 40.4139C35.249 38.4044 38.3723 35.1231 40.1785 31.1099C41.9847 27.0967 42.3662 22.5905 41.2603 18.3326C40.1544 14.0746 37.627 10.3184 34.0937 7.68184H34.0957ZM22.5083 33.4258C20.5074 33.4534 18.5434 32.8874 16.8662 31.7999C15.189 30.7123 13.8743 29.1523 13.0893 27.3182C12.3044 25.4842 12.0847 23.459 12.4581 21.5002C12.8315 19.5414 13.7812 17.7375 15.1864 16.318C16.5916 14.8984 18.3889 13.9273 20.3495 13.5282C22.3101 13.1291 24.3456 13.32 26.1971 14.0767C28.0485 14.8333 29.6323 16.1215 30.7469 17.7774C31.8616 19.4332 32.4567 21.382 32.4567 23.3758C32.4743 26.0227 31.4363 28.5683 29.5708 30.4529C27.7052 32.3375 25.1649 33.4068 22.5083 33.4258Z" fill="white"/>
</mask>
<g mask="url(#mask8_1778_4441)">
<path d="M28.2849 15.4955C29.9978 15.4955 31.3863 14.0928 31.3863 12.3625C31.3863 10.6322 29.9978 9.22949 28.2849 9.22949C26.5721 9.22949 25.1836 10.6322 25.1836 12.3625C25.1836 14.0928 26.5721 15.4955 28.2849 15.4955Z" fill="#014DAF"/>
</g>
<mask id="mask9_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="4" width="39" height="39">
<path d="M34.0957 7.68184C33.973 8.13508 33.7566 8.55777 33.4604 8.92284C32.7751 9.64973 31.901 10.1731 30.9351 10.4348C30.8206 10.4624 30.7145 10.5173 30.626 10.5948C30.5225 10.7404 30.4722 10.9168 30.4835 11.0948C30.4551 11.6827 30.2545 12.2494 29.9064 12.7248C29.7334 12.9569 29.5075 13.1446 29.2472 13.2724C28.987 13.4002 28.7 13.4645 28.4099 13.4598C28.1477 13.43 27.8898 13.3706 27.6411 13.2828C25.8666 12.7933 24.0452 12.4917 22.2072 12.3828C21.0936 12.3575 19.9918 12.149 18.9463 11.7658C18.0269 11.3658 16.8727 10.4148 16.957 9.29984C16.9188 7.97474 17.0452 6.65002 17.3334 5.35583C17.4499 5.01822 17.5978 4.69215 17.775 4.38184C13.4896 5.43729 9.69238 7.91448 7.00786 11.406C4.32334 14.8974 2.91141 19.1952 3.00431 23.5925C3.09721 27.9897 4.68941 32.2246 7.51902 35.6004C10.3486 38.9762 14.2471 41.292 18.5733 42.1668C22.8995 43.0417 27.3957 42.4235 31.3223 40.4139C35.249 38.4044 38.3723 35.1231 40.1785 31.1099C41.9847 27.0967 42.3662 22.5905 41.2603 18.3326C40.1544 14.0746 37.627 10.3184 34.0937 7.68184H34.0957ZM22.5083 33.4258C20.5074 33.4534 18.5434 32.8874 16.8662 31.7999C15.189 30.7123 13.8743 29.1523 13.0893 27.3182C12.3044 25.4842 12.0847 23.459 12.4581 21.5002C12.8315 19.5414 13.7812 17.7375 15.1864 16.318C16.5916 14.8984 18.3889 13.9273 20.3495 13.5282C22.3101 13.1291 24.3456 13.32 26.1971 14.0767C28.0485 14.8333 29.6323 16.1215 30.7469 17.7774C31.8616 19.4332 32.4567 21.382 32.4567 23.3758C32.4743 26.0227 31.4363 28.5683 29.5708 30.4529C27.7052 32.3375 25.1649 33.4068 22.5083 33.4258Z" fill="white"/>
</mask>
<g mask="url(#mask9_1778_4441)">
<path d="M22.8772 8.60491C24.1006 8.60491 25.0923 7.60292 25.0923 6.36691C25.0923 5.13089 24.1006 4.12891 22.8772 4.12891C21.6538 4.12891 20.6621 5.13089 20.6621 6.36691C20.6621 7.60292 21.6538 8.60491 22.8772 8.60491Z" fill="#014DAF"/>
</g>
<mask id="mask10_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="4" width="39" height="39">
<path d="M34.0957 7.68184C33.9731 8.13543 33.7567 8.55848 33.4604 8.92384C32.7751 9.65073 31.901 10.1741 30.9351 10.4358C30.8206 10.4634 30.7145 10.5183 30.626 10.5958C30.5225 10.7414 30.4722 10.9178 30.4835 11.0958C30.4551 11.6837 30.2545 12.2504 29.9064 12.7258C29.7334 12.9579 29.5075 13.1456 29.2472 13.2734C28.987 13.4012 28.7 13.4655 28.4099 13.4608C28.1477 13.431 27.8898 13.3716 27.6411 13.2838C25.8666 12.7943 24.0452 12.4926 22.2072 12.3838C21.0936 12.3584 19.9918 12.15 18.9463 11.7668C18.0269 11.3668 16.8727 10.4158 16.957 9.30083C16.9188 7.97574 17.0452 6.65102 17.3334 5.35683C17.4499 5.01888 17.5977 4.69247 17.775 4.38184C13.4896 5.43729 9.69238 7.91448 7.00786 11.406C4.32334 14.8974 2.91141 19.1952 3.00431 23.5925C3.09721 27.9897 4.68941 32.2246 7.51902 35.6004C10.3486 38.9762 14.2471 41.292 18.5733 42.1668C22.8995 43.0417 27.3957 42.4235 31.3223 40.4139C35.249 38.4044 38.3723 35.1231 40.1785 31.1099C41.9847 27.0967 42.3662 22.5905 41.2603 18.3326C40.1544 14.0746 37.627 10.3184 34.0937 7.68184H34.0957ZM22.5083 33.4258C20.5074 33.4534 18.5434 32.8874 16.8662 31.7999C15.189 30.7123 13.8743 29.1523 13.0893 27.3182C12.3044 25.4842 12.0847 23.459 12.4581 21.5002C12.8315 19.5414 13.7812 17.7375 15.1864 16.318C16.5916 14.8984 18.3889 13.9273 20.3495 13.5282C22.3101 13.1291 24.3456 13.32 26.1971 14.0767C28.0485 14.8333 29.6323 16.1215 30.7469 17.7774C31.8616 19.4332 32.4567 21.382 32.4567 23.3758C32.4743 26.0227 31.4363 28.5683 29.5708 30.4529C27.7052 32.3375 25.1649 33.4068 22.5083 33.4258Z" fill="white"/>
</mask>
<g mask="url(#mask10_1778_4441)">
<path d="M15.854 42.8858C18.4398 42.8858 20.5361 40.7681 20.5361 38.1558C20.5361 35.5435 18.4398 33.4258 15.854 33.4258C13.2681 33.4258 11.1718 35.5435 11.1718 38.1558C11.1718 40.7681 13.2681 42.8858 15.854 42.8858Z" fill="#F97707"/>
</g>
<mask id="mask11_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="4" width="39" height="39">
<path d="M34.0957 7.68184C33.9731 8.13543 33.7567 8.55848 33.4604 8.92384C32.7751 9.65073 31.901 10.1741 30.9351 10.4358C30.8206 10.4634 30.7145 10.5183 30.626 10.5958C30.5225 10.7414 30.4722 10.9178 30.4835 11.0958C30.4551 11.6837 30.2545 12.2504 29.9064 12.7258C29.7334 12.9579 29.5075 13.1456 29.2472 13.2734C28.987 13.4012 28.7 13.4655 28.4099 13.4608C28.1477 13.431 27.8898 13.3716 27.6411 13.2838C25.8666 12.7943 24.0452 12.4926 22.2072 12.3838C21.0936 12.3584 19.9918 12.15 18.9463 11.7668C18.0269 11.3668 16.8727 10.4158 16.957 9.30083C16.9188 7.97574 17.0452 6.65102 17.3334 5.35683C17.4499 5.01888 17.5977 4.69247 17.775 4.38184C13.4896 5.43729 9.69238 7.91448 7.00786 11.406C4.32334 14.8974 2.91141 19.1952 3.00431 23.5925C3.09721 27.9897 4.68941 32.2246 7.51902 35.6004C10.3486 38.9762 14.2471 41.292 18.5733 42.1668C22.8995 43.0417 27.3957 42.4235 31.3223 40.4139C35.249 38.4044 38.3723 35.1231 40.1785 31.1099C41.9847 27.0967 42.3662 22.5905 41.2603 18.3326C40.1544 14.0746 37.627 10.3184 34.0937 7.68184H34.0957ZM22.5083 33.4258C20.5074 33.4534 18.5434 32.8874 16.8662 31.7999C15.189 30.7123 13.8743 29.1523 13.0893 27.3182C12.3044 25.4842 12.0847 23.459 12.4581 21.5002C12.8315 19.5414 13.7812 17.7375 15.1864 16.318C16.5916 14.8984 18.3889 13.9273 20.3495 13.5282C22.3101 13.1291 24.3456 13.32 26.1971 14.0767C28.0485 14.8333 29.6323 16.1215 30.7469 17.7774C31.8616 19.4332 32.4567 21.382 32.4567 23.3758C32.4743 26.0227 31.4363 28.5683 29.5708 30.4529C27.7052 32.3375 25.1649 33.4068 22.5083 33.4258Z" fill="white"/>
</mask>
<g mask="url(#mask11_1778_4441)">
<path d="M5.203 33.0203C7.11427 33.0203 8.66366 31.4551 8.66366 29.5243C8.66366 27.5935 7.11427 26.0283 5.203 26.0283C3.29173 26.0283 1.74234 27.5935 1.74234 29.5243C1.74234 31.4551 3.29173 33.0203 5.203 33.0203Z" fill="#014DAF"/>
</g>
<mask id="mask12_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="4" width="39" height="39">
<path d="M34.0957 7.68184C33.9731 8.13543 33.7567 8.55848 33.4604 8.92384C32.7751 9.65073 31.901 10.1741 30.9351 10.4358C30.8206 10.4634 30.7145 10.5183 30.626 10.5958C30.5225 10.7414 30.4722 10.9178 30.4835 11.0958C30.4551 11.6837 30.2545 12.2504 29.9064 12.7258C29.7334 12.9579 29.5075 13.1456 29.2472 13.2734C28.987 13.4012 28.7 13.4655 28.4099 13.4608C28.1477 13.431 27.8898 13.3716 27.6411 13.2838C25.8666 12.7943 24.0452 12.4926 22.2072 12.3838C21.0936 12.3584 19.9918 12.15 18.9463 11.7668C18.0269 11.3668 16.8727 10.4158 16.957 9.30083C16.9188 7.97574 17.0452 6.65102 17.3334 5.35683C17.4499 5.01888 17.5977 4.69247 17.775 4.38184C13.4896 5.43729 9.69238 7.91448 7.00786 11.406C4.32334 14.8974 2.91141 19.1952 3.00431 23.5925C3.09721 27.9897 4.68941 32.2246 7.51902 35.6004C10.3486 38.9762 14.2471 41.292 18.5733 42.1668C22.8995 43.0417 27.3957 42.4235 31.3223 40.4139C35.249 38.4044 38.3723 35.1231 40.1785 31.1099C41.9847 27.0967 42.3662 22.5905 41.2603 18.3326C40.1544 14.0746 37.627 10.3184 34.0937 7.68184H34.0957ZM22.5083 33.4258C20.5074 33.4534 18.5434 32.8874 16.8662 31.7999C15.189 30.7123 13.8743 29.1523 13.0893 27.3182C12.3044 25.4842 12.0847 23.459 12.4581 21.5002C12.8315 19.5414 13.7812 17.7375 15.1864 16.318C16.5916 14.8984 18.3889 13.9273 20.3495 13.5282C22.3101 13.1291 24.3456 13.32 26.1971 14.0767C28.0485 14.8333 29.6323 16.1215 30.7469 17.7774C31.8616 19.4332 32.4567 21.382 32.4567 23.3758C32.4743 26.0227 31.4363 28.5683 29.5708 30.4529C27.7052 32.3375 25.1649 33.4068 22.5083 33.4258Z" fill="white"/>
</mask>
<g mask="url(#mask12_1778_4441)">
<path d="M23.409 46.0942C26.8989 46.0942 29.7281 43.236 29.7281 39.7102C29.7281 36.1844 26.8989 33.3262 23.409 33.3262C19.919 33.3262 17.0898 36.1844 17.0898 39.7102C17.0898 43.236 19.919 46.0942 23.409 46.0942Z" fill="#014DAF"/>
</g>
<mask id="mask13_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="4" width="39" height="39">
<path d="M34.0957 7.68184C33.9731 8.13543 33.7567 8.55848 33.4604 8.92384C32.7751 9.65073 31.901 10.1741 30.9351 10.4358C30.8206 10.4634 30.7145 10.5183 30.626 10.5958C30.5225 10.7414 30.4722 10.9178 30.4835 11.0958C30.4551 11.6837 30.2545 12.2504 29.9064 12.7258C29.7334 12.9579 29.5075 13.1456 29.2472 13.2734C28.987 13.4012 28.7 13.4655 28.4099 13.4608C28.1477 13.431 27.8898 13.3716 27.6411 13.2838C25.8666 12.7943 24.0452 12.4926 22.2072 12.3838C21.0936 12.3584 19.9918 12.15 18.9463 11.7668C18.0269 11.3668 16.8727 10.4158 16.957 9.30083C16.9188 7.97574 17.0452 6.65102 17.3334 5.35683C17.4499 5.01888 17.5977 4.69247 17.775 4.38184C13.4896 5.43729 9.69238 7.91448 7.00786 11.406C4.32334 14.8974 2.91141 19.1952 3.00431 23.5925C3.09721 27.9897 4.68941 32.2246 7.51902 35.6004C10.3486 38.9762 14.2471 41.292 18.5733 42.1668C22.8995 43.0417 27.3957 42.4235 31.3223 40.4139C35.249 38.4044 38.3723 35.1231 40.1785 31.1099C41.9847 27.0967 42.3662 22.5905 41.2603 18.3326C40.1544 14.0746 37.627 10.3184 34.0937 7.68184H34.0957ZM22.5083 33.4258C20.5074 33.4534 18.5434 32.8874 16.8662 31.7999C15.189 30.7123 13.8743 29.1523 13.0893 27.3182C12.3044 25.4842 12.0847 23.459 12.4581 21.5002C12.8315 19.5414 13.7812 17.7375 15.1864 16.318C16.5916 14.8984 18.3889 13.9273 20.3495 13.5282C22.3101 13.1291 24.3456 13.32 26.1971 14.0767C28.0485 14.8333 29.6323 16.1215 30.7469 17.7774C31.8616 19.4332 32.4567 21.382 32.4567 23.3758C32.4743 26.0227 31.4363 28.5683 29.5708 30.4529C27.7052 32.3375 25.1649 33.4068 22.5083 33.4258Z" fill="white"/>
</mask>
<g mask="url(#mask13_1778_4441)">
<path d="M35.6098 33.0881C37.3553 33.0881 38.7703 31.659 38.7703 29.8961C38.7703 28.1332 37.3553 26.7041 35.6098 26.7041C33.8642 26.7041 32.4492 28.1332 32.4492 29.8961C32.4492 31.659 33.8642 33.0881 35.6098 33.0881Z" fill="#014DAF"/>
</g>
<mask id="mask14_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="3" y="4" width="39" height="39">
<path d="M34.0957 7.68184C33.9731 8.13543 33.7567 8.55848 33.4604 8.92384C32.7751 9.65073 31.901 10.1741 30.9351 10.4358C30.8206 10.4634 30.7145 10.5183 30.626 10.5958C30.5225 10.7414 30.4722 10.9178 30.4835 11.0958C30.4551 11.6837 30.2545 12.2504 29.9064 12.7258C29.7334 12.9579 29.5075 13.1456 29.2472 13.2734C28.987 13.4012 28.7 13.4655 28.4099 13.4608C28.1477 13.431 27.8898 13.3716 27.6411 13.2838C25.8666 12.7943 24.0452 12.4926 22.2072 12.3838C21.0936 12.3584 19.9918 12.15 18.9463 11.7668C18.0269 11.3668 16.8727 10.4158 16.957 9.30083C16.9188 7.97574 17.0452 6.65102 17.3334 5.35683C17.4499 5.01888 17.5977 4.69247 17.775 4.38184C13.4896 5.43729 9.69238 7.91448 7.00786 11.406C4.32334 14.8974 2.91141 19.1952 3.00431 23.5925C3.09721 27.9897 4.68941 32.2246 7.51902 35.6004C10.3486 38.9762 14.2471 41.292 18.5733 42.1668C22.8995 43.0417 27.3957 42.4235 31.3223 40.4139C35.249 38.4044 38.3723 35.1231 40.1785 31.1099C41.9847 27.0967 42.3662 22.5905 41.2603 18.3326C40.1544 14.0746 37.627 10.3184 34.0937 7.68184H34.0957ZM22.5083 33.4258C20.5074 33.4534 18.5434 32.8874 16.8662 31.7999C15.189 30.7123 13.8743 29.1523 13.0893 27.3182C12.3044 25.4842 12.0847 23.459 12.4581 21.5002C12.8315 19.5414 13.7812 17.7375 15.1864 16.318C16.5916 14.8984 18.3889 13.9273 20.3495 13.5282C22.3101 13.1291 24.3456 13.32 26.1971 14.0767C28.0485 14.8333 29.6323 16.1215 30.7469 17.7774C31.8616 19.4332 32.4567 21.382 32.4567 23.3758C32.4743 26.0227 31.4363 28.5683 29.5708 30.4529C27.7052 32.3375 25.1649 33.4068 22.5083 33.4258Z" fill="white"/>
</mask>
<g mask="url(#mask14_1778_4441)">
<path d="M43.0414 28.1721C44.7869 28.1721 46.202 26.743 46.202 24.9801C46.202 23.2172 44.7869 21.7881 43.0414 21.7881C41.2959 21.7881 39.8809 23.2172 39.8809 24.9801C39.8809 26.743 41.2959 28.1721 43.0414 28.1721Z" fill="#F97707"/>
</g>
<path d="M28.5449 6.7404C29.4822 6.7404 30.2421 5.98331 30.2421 5.0494C30.2421 4.11548 29.4822 3.3584 28.5449 3.3584C27.6075 3.3584 26.8477 4.11548 26.8477 5.0494C26.8477 5.98331 27.6075 6.7404 28.5449 6.7404Z" fill="#F97707"/>
<path d="M24.707 4.016C25.2658 4.016 25.7187 3.5647 25.7187 3.008C25.7187 2.4513 25.2658 2 24.707 2C24.1483 2 23.6953 2.4513 23.6953 3.008C23.6953 3.5647 24.1483 4.016 24.707 4.016Z" fill="#FEC401"/>
<path d="M32.7498 10.3879C33.6871 10.3879 34.447 9.63077 34.447 8.69686C34.447 7.76295 33.6871 7.00586 32.7498 7.00586C31.8124 7.00586 31.0526 7.76295 31.0526 8.69686C31.0526 9.63077 31.8124 10.3879 32.7498 10.3879Z" fill="#014DAF"/>
<mask id="mask15_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="2" y="3" width="40" height="40">
<path d="M22.5084 3.80749C18.6115 3.75452 14.7869 4.85746 11.5209 6.97602C8.25489 9.09459 5.69505 12.1331 4.16691 15.7051C2.63876 19.2771 2.21137 23.2212 2.93908 27.0358C3.66678 30.8505 5.51671 34.3633 8.2536 37.1276C10.9905 39.8919 14.4907 41.7828 18.3091 42.5598C22.1275 43.3368 26.0915 42.9647 29.6971 41.491C33.3027 40.0173 36.3869 37.5084 38.5576 34.2836C40.7283 31.0587 41.8873 27.2634 41.8873 23.3805C41.9217 18.2248 39.8996 13.2665 36.2655 9.59605C32.6314 5.92558 27.683 3.84343 22.5084 3.80749ZM22.5084 33.4285C20.5079 33.4557 18.5445 32.8895 16.8679 31.8019C15.1913 30.7143 13.8771 29.1544 13.0927 27.3207C12.3082 25.487 12.0888 23.4623 12.4624 21.504C12.836 19.5457 13.7856 17.7424 15.1906 16.3233C16.5956 14.9042 18.3925 13.9335 20.3527 13.5347C22.3129 13.1358 24.3479 13.3268 26.1988 14.0833C28.0498 14.8399 29.6331 16.1278 30.7474 17.7833C31.8618 19.4388 32.4568 21.3871 32.4568 23.3805C32.4741 26.0271 31.4359 28.5723 29.5704 30.4565C27.7049 32.3407 25.1647 33.4097 22.5084 33.4285Z" fill="white"/>
</mask>
<g mask="url(#mask15_1778_4441)">
<path d="M23.2775 16.0934C24.7824 16.0934 26.0024 14.8608 26.0024 13.3404C26.0024 11.82 24.7824 10.5874 23.2775 10.5874C21.7725 10.5874 20.5525 11.82 20.5525 13.3404C20.5525 14.8608 21.7725 16.0934 23.2775 16.0934Z" fill="#FEC401"/>
</g>
<mask id="mask16_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="2" y="3" width="40" height="40">
<path d="M22.5084 3.80749C18.6115 3.75452 14.7869 4.85746 11.5209 6.97602C8.25489 9.09459 5.69505 12.1331 4.16691 15.7051C2.63876 19.2771 2.21137 23.2212 2.93908 27.0358C3.66678 30.8505 5.51671 34.3633 8.2536 37.1276C10.9905 39.8919 14.4907 41.7828 18.3091 42.5598C22.1275 43.3368 26.0915 42.9647 29.6971 41.491C33.3027 40.0173 36.3869 37.5084 38.5576 34.2836C40.7283 31.0587 41.8873 27.2634 41.8873 23.3805C41.9217 18.2248 39.8996 13.2665 36.2655 9.59605C32.6314 5.92558 27.683 3.84343 22.5084 3.80749ZM22.5084 33.4285C20.5079 33.4557 18.5445 32.8895 16.8679 31.8019C15.1913 30.7143 13.8771 29.1544 13.0927 27.3207C12.3082 25.487 12.0888 23.4623 12.4624 21.504C12.836 19.5457 13.7856 17.7424 15.1906 16.3233C16.5956 14.9042 18.3925 13.9335 20.3527 13.5347C22.3129 13.1358 24.3479 13.3268 26.1988 14.0833C28.0498 14.8399 29.6331 16.1278 30.7474 17.7833C31.8618 19.4388 32.4568 21.3871 32.4568 23.3805C32.4741 26.0271 31.4359 28.5723 29.5704 30.4565C27.7049 32.3407 25.1647 33.4097 22.5084 33.4285Z" fill="white"/>
</mask>
<g mask="url(#mask16_1778_4441)">
<path d="M28.8282 16.7526C30.7722 16.7526 32.3481 15.161 32.3481 13.1976C32.3481 11.2342 30.7722 9.64258 28.8282 9.64258C26.8843 9.64258 25.3084 11.2342 25.3084 13.1976C25.3084 15.161 26.8843 16.7526 28.8282 16.7526Z" fill="#01A2FD"/>
</g>
<mask id="mask17_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="2" y="3" width="40" height="40">
<path d="M22.5084 3.80749C18.6115 3.75452 14.7869 4.85746 11.5209 6.97602C8.25489 9.09459 5.69505 12.1331 4.16691 15.7051C2.63876 19.2771 2.21137 23.2212 2.93908 27.0358C3.66678 30.8505 5.51671 34.3633 8.2536 37.1276C10.9905 39.8919 14.4907 41.7828 18.3091 42.5598C22.1275 43.3368 26.0915 42.9647 29.6971 41.491C33.3027 40.0173 36.3869 37.5084 38.5576 34.2836C40.7283 31.0587 41.8873 27.2634 41.8873 23.3805C41.9217 18.2248 39.8996 13.2665 36.2655 9.59605C32.6314 5.92558 27.683 3.84343 22.5084 3.80749ZM22.5084 33.4285C20.5079 33.4557 18.5445 32.8895 16.8679 31.8019C15.1913 30.7143 13.8771 29.1544 13.0927 27.3207C12.3082 25.487 12.0888 23.4623 12.4624 21.504C12.836 19.5457 13.7856 17.7424 15.1906 16.3233C16.5956 14.9042 18.3925 13.9335 20.3527 13.5347C22.3129 13.1358 24.3479 13.3268 26.1988 14.0833C28.0498 14.8399 29.6331 16.1278 30.7474 17.7833C31.8618 19.4388 32.4568 21.3871 32.4568 23.3805C32.4741 26.0271 31.4359 28.5723 29.5704 30.4565C27.7049 32.3407 25.1647 33.4097 22.5084 33.4285Z" fill="white"/>
</mask>
<g mask="url(#mask17_1778_4441)">
<path d="M27.4235 11.4988C28.3609 11.4988 29.1207 10.7314 29.1207 9.7848C29.1207 8.83818 28.3609 8.0708 27.4235 8.0708C26.4862 8.0708 25.7263 8.83818 25.7263 9.7848C25.7263 10.7314 26.4862 11.4988 27.4235 11.4988Z" fill="#FEC401"/>
</g>
<mask id="mask18_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="2" y="3" width="40" height="40">
<path d="M22.5084 3.80749C18.6115 3.75452 14.7869 4.85746 11.5209 6.97602C8.25489 9.09459 5.69505 12.1331 4.16691 15.7051C2.63876 19.2771 2.21137 23.2212 2.93908 27.0358C3.66678 30.8505 5.51671 34.3633 8.2536 37.1276C10.9905 39.8919 14.4907 41.7828 18.3091 42.5598C22.1275 43.3368 26.0915 42.9647 29.6971 41.491C33.3027 40.0173 36.3869 37.5084 38.5576 34.2836C40.7283 31.0587 41.8873 27.2634 41.8873 23.3805C41.9217 18.2248 39.8996 13.2665 36.2655 9.59605C32.6314 5.92558 27.683 3.84343 22.5084 3.80749ZM22.5084 33.4285C20.5079 33.4557 18.5445 32.8895 16.8679 31.8019C15.1913 30.7143 13.8771 29.1544 13.0927 27.3207C12.3082 25.487 12.0888 23.4623 12.4624 21.504C12.836 19.5457 13.7856 17.7424 15.1906 16.3233C16.5956 14.9042 18.3925 13.9335 20.3527 13.5347C22.3129 13.1358 24.3479 13.3268 26.1988 14.0833C28.0498 14.8399 29.6331 16.1278 30.7474 17.7833C31.8618 19.4388 32.4568 21.3871 32.4568 23.3805C32.4741 26.0271 31.4359 28.5723 29.5704 30.4565C27.7049 32.3407 25.1647 33.4097 22.5084 33.4285Z" fill="white"/>
</mask>
<g mask="url(#mask18_1778_4441)">
<path d="M23.0765 9.47343C24.2815 9.47343 25.2584 8.48667 25.2584 7.26943C25.2584 6.05219 24.2815 5.06543 23.0765 5.06543C21.8714 5.06543 20.8945 6.05219 20.8945 7.26943C20.8945 8.48667 21.8714 9.47343 23.0765 9.47343Z" fill="#014DAF"/>
</g>
<mask id="mask19_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="2" y="3" width="40" height="40">
<path d="M22.5084 3.80749C18.6115 3.75452 14.7869 4.85746 11.5209 6.97602C8.25489 9.09459 5.69505 12.1331 4.16691 15.7051C2.63876 19.2771 2.21137 23.2212 2.93908 27.0358C3.66678 30.8505 5.51671 34.3633 8.2536 37.1276C10.9905 39.8919 14.4907 41.7828 18.3091 42.5598C22.1275 43.3368 26.0915 42.9647 29.6971 41.491C33.3027 40.0173 36.3869 37.5084 38.5576 34.2836C40.7283 31.0587 41.8873 27.2634 41.8873 23.3805C41.9217 18.2248 39.8996 13.2665 36.2655 9.59605C32.6314 5.92558 27.683 3.84343 22.5084 3.80749ZM22.5084 33.4285C20.5079 33.4557 18.5445 32.8895 16.8679 31.8019C15.1913 30.7143 13.8771 29.1544 13.0927 27.3207C12.3082 25.487 12.0888 23.4623 12.4624 21.504C12.836 19.5457 13.7856 17.7424 15.1906 16.3233C16.5956 14.9042 18.3925 13.9335 20.3527 13.5347C22.3129 13.1358 24.3479 13.3268 26.1988 14.0833C28.0498 14.8399 29.6331 16.1278 30.7474 17.7833C31.8618 19.4388 32.4568 21.3871 32.4568 23.3805C32.4741 26.0271 31.4359 28.5723 29.5704 30.4565C27.7049 32.3407 25.1647 33.4097 22.5084 33.4285Z" fill="white"/>
</mask>
<g mask="url(#mask19_1778_4441)">
<path d="M16.4397 17.2085C19.0256 17.2085 21.1218 15.0912 21.1218 12.4795C21.1218 9.86773 19.0256 7.75049 16.4397 7.75049C13.8538 7.75049 11.7576 9.86773 11.7576 12.4795C11.7576 15.0912 13.8538 17.2085 16.4397 17.2085Z" fill="#F97707"/>
</g>
<mask id="mask20_1778_4441" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="2" y="3" width="40" height="40">
<path d="M22.5084 3.80749C18.6115 3.75452 14.7869 4.85746 11.5209 6.97602C8.25489 9.09459 5.69505 12.1331 4.16691 15.7051C2.63876 19.2771 2.21137 23.2212 2.93908 27.0358C3.66678 30.8505 5.51671 34.3633 8.2536 37.1276C10.9905 39.8919 14.4907 41.7828 18.3091 42.5598C22.1275 43.3368 26.0915 42.9647 29.6971 41.491C33.3027 40.0173 36.3869 37.5084 38.5576 34.2836C40.7283 31.0587 41.8873 27.2634 41.8873 23.3805C41.9217 18.2248 39.8996 13.2665 36.2655 9.59605C32.6314 5.92558 27.683 3.84343 22.5084 3.80749ZM22.5084 33.4285C20.5079 33.4557 18.5445 32.8895 16.8679 31.8019C15.1913 30.7143 13.8771 29.1544 13.0927 27.3207C12.3082 25.487 12.0888 23.4623 12.4624 21.504C12.836 19.5457 13.7856 17.7424 15.1906 16.3233C16.5956 14.9042 18.3925 13.9335 20.3527 13.5347C22.3129 13.1358 24.3479 13.3268 26.1988 14.0833C28.0498 14.8399 29.6331 16.1278 30.7474 17.7833C31.8618 19.4388 32.4568 21.3871 32.4568 23.3805C32.4741 26.0271 31.4359 28.5723 29.5704 30.4565C27.7049 32.3407 25.1647 33.4097 22.5084 33.4285Z" fill="white"/>
</mask>
<g mask="url(#mask20_1778_4441)">
<path d="M14.8839 10.6713C17.4465 10.6713 19.5239 8.57332 19.5239 5.98532C19.5239 3.39731 17.4465 1.29932 14.8839 1.29932C12.3213 1.29932 10.2439 3.39731 10.2439 5.98532C10.2439 8.57332 12.3213 10.6713 14.8839 10.6713Z" fill="#01A2FD"/>
</g>
</g>
<defs>
<filter id="filter0_dd_1778_4441" x="-0.406479" y="0" width="45.2942" height="46.9556" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1778_4441"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_1778_4441" result="effect2_dropShadow_1778_4441"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1778_4441" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
assets/Profile1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 248 KiB

BIN
assets/Profile2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 89 KiB

BIN
assets/Profile3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 76 KiB

BIN
assets/Profile4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 205 KiB

13
components/KebabPopUp.tsx
View File

@@ -1,7 +1,7 @@
import React from 'react';
import {Icon, ListItem, Overlay} from 'react-native-elements';
import {Theme} from '../components/ui/styleUtils';
import {Column, Row, Text} from '../components/ui';
import {Button, Column, Row, Text} from '../components/ui';
import {View} from 'react-native';
import {useKebabPopUp} from './KebabPopUpController';
import {ActorRefFrom} from 'xstate';
@@ -11,6 +11,7 @@ import {VCMetadata} from '../shared/VCMetadata';
import testIDProps from '../shared/commonUtil';
import {getKebabMenuOptions} from './kebabMenuUtils';
import {VCItemMachine} from '../machines/VerifiableCredential/VCItemMachine/VCItemMachine';
import {LinearGradient} from 'react-native-linear-gradient';
export const KebabPopUp: React.FC<KebabPopUpProps> = props => {
const controller = useKebabPopUp(props);
@@ -59,7 +60,7 @@ export const KebabPopUp: React.FC<KebabPopUpProps> = props => {
{item.icon}
</View>
<Text
style={{fontFamily: 'Inter_600SemiBold'}}
style={{fontFamily: 'Montserrat_600SemiBold'}}
color={
item.testID === 'removeFromWallet'
? Theme.Colors.warningText
@@ -70,11 +71,15 @@ export const KebabPopUp: React.FC<KebabPopUpProps> = props => {
{item.label}
</Text>
{item.label === t('reverify') && (
<View style={Theme.KebabPopUpStyles.new}>
<LinearGradient
start={{x: 0, y: 0}}
end={{x: 1, y: 0}}
colors={Theme.Colors.GradientColors}
style={Theme.KebabPopUpStyles.new}>
<Text color="white" weight="bold" style={{fontSize: 10}}>
{t('new')}
</Text>
</View>
</LinearGradient>
)}
</Row>
</ListItem>

8
components/VC/Views/VCDetailView.tsx
View File

@@ -302,7 +302,7 @@ export const VCDetailView: React.FC<VCItemDetailsProps> = (
<Text
testID="offlineAuthDisabledHeader"
style={{
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 14,
}}
color={Theme.Colors.statusLabel}
@@ -312,7 +312,7 @@ export const VCDetailView: React.FC<VCItemDetailsProps> = (
<Text
testID="offlineAuthDisabledMessage"
style={{
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
fontSize: 12,
}}
color={Theme.Colors.statusMessage}
@@ -345,7 +345,7 @@ export const VCDetailView: React.FC<VCItemDetailsProps> = (
testID="profileAuthenticated"
color={Theme.Colors.statusLabel}
style={{
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 14,
}}
margin={'0 18 0 0'}>
@@ -379,7 +379,7 @@ export const VCDetailView: React.FC<VCItemDetailsProps> = (
style={{
color: '#007AFF',
fontSize: 16,
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
}}>
{t('View Shareable Information')}
</Text>

4
components/VCVerification.tsx
View File

@@ -65,7 +65,7 @@ export const VCVerification: React.FC<VCVerificationProps> = ({
color={display.getTextColor(Theme.Colors.Details)}
style={[
Theme.Styles.verificationStatus,
{fontFamily: 'Inter_400'},
{fontFamily: 'Montserrat_400'},
]}>
{t('lastChecked')}
</Text>
@@ -74,7 +74,7 @@ export const VCVerification: React.FC<VCVerificationProps> = ({
color={display.getTextColor(Theme.Colors.Details)}
style={[
Theme.Styles.verificationStatus,
{fontFamily: 'Inter_400'},
{fontFamily: 'Montserrat_400'},
]}>
{new Date(vcMetadata.lastKnownStatusTimestamp).toLocaleString()}
</Text>

16
components/__snapshots__/AccountInformation.test.tsx.snap
View File

@@ -129,7 +129,7 @@ exports[`AccountInformation Component should match snapshot with different email
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -182,7 +182,7 @@ exports[`AccountInformation Component should match snapshot with different email
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -334,7 +334,7 @@ exports[`AccountInformation Component should match snapshot with different pictu
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -387,7 +387,7 @@ exports[`AccountInformation Component should match snapshot with different pictu
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -539,7 +539,7 @@ exports[`AccountInformation Component should match snapshot with email and pictu
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -592,7 +592,7 @@ exports[`AccountInformation Component should match snapshot with email and pictu
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -744,7 +744,7 @@ exports[`AccountInformation Component should match snapshot with long email 1`]
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -797,7 +797,7 @@ exports[`AccountInformation Component should match snapshot with long email 1`]
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,

20
components/__snapshots__/BannerNotification.test.tsx.snap
View File

@@ -80,7 +80,7 @@ exports[`BannerNotification Component should match snapshot with different testI
"lineHeight": 18,
},
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 15,
},
{
@@ -92,7 +92,7 @@ exports[`BannerNotification Component should match snapshot with different testI
null,
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 12,
"lineHeight": 15,
"padding": 1,
@@ -250,7 +250,7 @@ exports[`BannerNotification Component should match snapshot with error status 1`
"lineHeight": 18,
},
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 15,
},
{
@@ -262,7 +262,7 @@ exports[`BannerNotification Component should match snapshot with error status 1`
null,
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 12,
"lineHeight": 15,
"padding": 1,
@@ -420,7 +420,7 @@ exports[`BannerNotification Component should match snapshot with in progress sta
"lineHeight": 18,
},
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 15,
},
{
@@ -432,7 +432,7 @@ exports[`BannerNotification Component should match snapshot with in progress sta
null,
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 12,
"lineHeight": 15,
"padding": 1,
@@ -590,7 +590,7 @@ exports[`BannerNotification Component should match snapshot with long message 1`
"lineHeight": 18,
},
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 15,
},
{
@@ -602,7 +602,7 @@ exports[`BannerNotification Component should match snapshot with long message 1`
null,
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 12,
"lineHeight": 15,
"padding": 1,
@@ -760,7 +760,7 @@ exports[`BannerNotification Component should match snapshot with success status
"lineHeight": 18,
},
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 15,
},
{
@@ -772,7 +772,7 @@ exports[`BannerNotification Component should match snapshot with success status
null,
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 12,
"lineHeight": 15,
"padding": 1,

6
components/__snapshots__/CopyButton.test.tsx.snap
View File

@@ -67,7 +67,7 @@ exports[`CopyButton Component should match snapshot with default props 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 15,
},
null,
@@ -156,7 +156,7 @@ exports[`CopyButton Component should match snapshot with long content 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 15,
},
null,
@@ -245,7 +245,7 @@ exports[`CopyButton Component should match snapshot with special characters 1`]
"lineHeight": 18,
},
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 15,
},
null,

8
components/__snapshots__/DualMessageOverlay.test.tsx.snap
View File

@@ -13,7 +13,7 @@ exports[`DualMessageOverlay Component should match snapshot with both buttons 1`
"lineHeight": 18,
},
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 15,
"justifyContent": "center",
},
@@ -42,7 +42,7 @@ exports[`DualMessageOverlay Component should match snapshot with both buttons 1`
"lineHeight": 18,
},
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 15,
"justifyContent": "center",
},
@@ -103,7 +103,7 @@ exports[`DualMessageOverlay Component should match snapshot with only ignore but
"lineHeight": 18,
},
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 15,
"justifyContent": "center",
},
@@ -139,7 +139,7 @@ exports[`DualMessageOverlay Component should match snapshot with only try again
"lineHeight": 18,
},
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 15,
"justifyContent": "center",
},

760
components/__snapshots__/HelpScreen.test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

60
components/__snapshots__/KebabPopUp.test.tsx.snap
View File

@@ -51,7 +51,7 @@ exports[`KebabPopUp Component should match snapshot when not visible 1`] = `
},
null,
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"justifyContent": "space-between",
},
null,
@@ -69,7 +69,7 @@ exports[`KebabPopUp Component should match snapshot when not visible 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 15,
"justifyContent": "center",
},
@@ -132,7 +132,7 @@ exports[`KebabPopUp Component should match snapshot when not visible 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -147,7 +147,7 @@ exports[`KebabPopUp Component should match snapshot when not visible 1`] = `
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}
@@ -201,7 +201,7 @@ exports[`KebabPopUp Component should match snapshot when not visible 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
{
@@ -218,7 +218,7 @@ exports[`KebabPopUp Component should match snapshot when not visible 1`] = `
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}
@@ -280,7 +280,7 @@ exports[`KebabPopUp Component should match snapshot with VC that has image 1`] =
},
null,
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"justifyContent": "space-between",
},
null,
@@ -298,7 +298,7 @@ exports[`KebabPopUp Component should match snapshot with VC that has image 1`] =
"lineHeight": 18,
},
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 15,
"justifyContent": "center",
},
@@ -361,7 +361,7 @@ exports[`KebabPopUp Component should match snapshot with VC that has image 1`] =
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -376,7 +376,7 @@ exports[`KebabPopUp Component should match snapshot with VC that has image 1`] =
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}
@@ -430,7 +430,7 @@ exports[`KebabPopUp Component should match snapshot with VC that has image 1`] =
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
{
@@ -447,7 +447,7 @@ exports[`KebabPopUp Component should match snapshot with VC that has image 1`] =
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}
@@ -509,7 +509,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon color 1`] =
},
null,
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"justifyContent": "space-between",
},
null,
@@ -527,7 +527,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon color 1`] =
"lineHeight": 18,
},
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 15,
"justifyContent": "center",
},
@@ -590,7 +590,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon color 1`] =
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -605,7 +605,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon color 1`] =
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}
@@ -659,7 +659,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon color 1`] =
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
{
@@ -676,7 +676,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon color 1`] =
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}
@@ -741,7 +741,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon component 1
},
null,
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"justifyContent": "space-between",
},
null,
@@ -759,7 +759,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon component 1
"lineHeight": 18,
},
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 15,
"justifyContent": "center",
},
@@ -822,7 +822,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon component 1
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -837,7 +837,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon component 1
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}
@@ -891,7 +891,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon component 1
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
{
@@ -908,7 +908,7 @@ exports[`KebabPopUp Component should match snapshot with custom icon component 1
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}
@@ -970,7 +970,7 @@ exports[`KebabPopUp Component should match snapshot with default icon 1`] = `
},
null,
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"justifyContent": "space-between",
},
null,
@@ -988,7 +988,7 @@ exports[`KebabPopUp Component should match snapshot with default icon 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 15,
"justifyContent": "center",
},
@@ -1051,7 +1051,7 @@ exports[`KebabPopUp Component should match snapshot with default icon 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -1066,7 +1066,7 @@ exports[`KebabPopUp Component should match snapshot with default icon 1`] = `
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}
@@ -1120,7 +1120,7 @@ exports[`KebabPopUp Component should match snapshot with default icon 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
{
@@ -1137,7 +1137,7 @@ exports[`KebabPopUp Component should match snapshot with default icon 1`] = `
},
null,
{
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
},
]
}

16
components/__snapshots__/Passcode.test.tsx.snap
View File

@@ -85,7 +85,7 @@ exports[`Passcode Component should match snapshot with both message and error 1`
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -136,7 +136,7 @@ exports[`Passcode Component should match snapshot with both message and error 1`
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
{
@@ -243,7 +243,7 @@ exports[`Passcode Component should match snapshot with custom message 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -294,7 +294,7 @@ exports[`Passcode Component should match snapshot with custom message 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
{
@@ -399,7 +399,7 @@ exports[`Passcode Component should match snapshot with default props 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -450,7 +450,7 @@ exports[`Passcode Component should match snapshot with default props 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
{
@@ -555,7 +555,7 @@ exports[`Passcode Component should match snapshot with error message 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,
@@ -606,7 +606,7 @@ exports[`Passcode Component should match snapshot with error message 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
{

44
components/__snapshots__/PinInput.test.tsx.snap
View File

@@ -43,7 +43,7 @@ exports[`PinInput Component should match snapshot with 4 digit PIN 1`] = `
"borderColor": "#951F6F",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 29,
"height": 50,
"margin": 8,
@@ -68,7 +68,7 @@ exports[`PinInput Component should match snapshot with 4 digit PIN 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -94,7 +94,7 @@ exports[`PinInput Component should match snapshot with 4 digit PIN 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -120,7 +120,7 @@ exports[`PinInput Component should match snapshot with 4 digit PIN 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -176,7 +176,7 @@ exports[`PinInput Component should match snapshot with 6 digit PIN 1`] = `
"borderColor": "#951F6F",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 29,
"height": 50,
"margin": 8,
@@ -201,7 +201,7 @@ exports[`PinInput Component should match snapshot with 6 digit PIN 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -227,7 +227,7 @@ exports[`PinInput Component should match snapshot with 6 digit PIN 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -253,7 +253,7 @@ exports[`PinInput Component should match snapshot with 6 digit PIN 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -279,7 +279,7 @@ exports[`PinInput Component should match snapshot with 6 digit PIN 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -305,7 +305,7 @@ exports[`PinInput Component should match snapshot with 6 digit PIN 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -362,7 +362,7 @@ exports[`PinInput Component should match snapshot with custom testID 1`] = `
"borderColor": "#951F6F",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 29,
"height": 50,
"margin": 8,
@@ -387,7 +387,7 @@ exports[`PinInput Component should match snapshot with custom testID 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -413,7 +413,7 @@ exports[`PinInput Component should match snapshot with custom testID 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -439,7 +439,7 @@ exports[`PinInput Component should match snapshot with custom testID 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -495,7 +495,7 @@ exports[`PinInput Component should match snapshot with onChange handler 1`] = `
"borderColor": "#951F6F",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 29,
"height": 50,
"margin": 8,
@@ -520,7 +520,7 @@ exports[`PinInput Component should match snapshot with onChange handler 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -546,7 +546,7 @@ exports[`PinInput Component should match snapshot with onChange handler 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -572,7 +572,7 @@ exports[`PinInput Component should match snapshot with onChange handler 1`] = `
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -628,7 +628,7 @@ exports[`PinInput Component should match snapshot with onDone and autosubmit 1`]
"borderColor": "#951F6F",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_700Bold",
"fontFamily": "Montserrat_700Bold",
"fontSize": 29,
"height": 50,
"margin": 8,
@@ -653,7 +653,7 @@ exports[`PinInput Component should match snapshot with onDone and autosubmit 1`]
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -679,7 +679,7 @@ exports[`PinInput Component should match snapshot with onDone and autosubmit 1`]
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,
@@ -705,7 +705,7 @@ exports[`PinInput Component should match snapshot with onDone and autosubmit 1`]
"borderColor": "#C7C7C7",
"color": "#000000",
"flex": 1,
"fontFamily": "Inter_600SemiBold",
"fontFamily": "Montserrat_600SemiBold",
"fontSize": 33,
"height": 50,
"lineHeight": 28,

1
components/ui/SetupPicker.tsx
View File

@@ -45,6 +45,7 @@ export const SetupPicker: Picker = (props: PickerProps<unknown>) => {
style={{paddingTop: 3}}>
<Text
color={selectedIndex === index ? Theme.Colors.Icon : null}
size={'medium'}
weight={selectedIndex === index ? 'semibold' : 'regular'}>
{item.label}
</Text>

11
components/ui/Text.tsx
View File

@@ -26,7 +26,6 @@ export const Text: React.FC<TextProps> = (props: TextProps) => {
accessible={props.accessible}
onPress={props.onPress}>
{props.children}
</RNText>
);
};
@@ -38,7 +37,15 @@ interface TextProps {
weight?: 'regular' | 'semibold' | 'bold';
align?: TextStyle['textAlign'];
margin?: Spacing;
size?: 'small' | 'extraSmall' | 'smaller' | 'regular' | 'large' | 'mediumSmall';
size?:
| 'small'
| 'extraSmall'
| 'smaller'
| 'regular'
| 'large'
| 'mediumSmall'
| 'medium'
| 'mediumExtraSmall';
lineHeight?: number;
numLines?: number;
ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip' | undefined;

2
components/ui/Timestamp.tsx
View File

@@ -10,7 +10,7 @@ export const Timestamp: React.FC<TimestampProps> = props => {
testID={`${props.testId}Time`}
size="regular"
style={{
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
fontWeight: '600',
fontSize: 14,
letterSpacing: 0,

2
components/ui/__snapshots__/Text.generated.test.tsx.snap
View File

@@ -10,7 +10,7 @@ exports[`<Text /> Testing the Text component 1`] = `
"lineHeight": 18,
},
{
"fontFamily": "Inter_400Regular",
"fontFamily": "Montserrat_400Regular",
"fontSize": 14,
},
null,

5
components/ui/svg.tsx
View File

@@ -61,6 +61,8 @@ import CopyIcon from '../../assets/file_copy.svg';
import StarIcon from '../../assets/credentialRegestryStar.svg';
import SelectedCheckBox from '../../assets/Selected_Check_Box.svg';
import ReverifyIcon from '../../assets/Reverify.svg';
import Logomark from '../../assets/Logomark.svg';
export class SvgImage {
static selectedCheckBox() {
return <SelectedCheckBox />;
@@ -600,6 +602,9 @@ export class SvgImage {
/>
);
}
static logoIcon(height: number, width: number) {
return <Logomark height={height} width={width} />;
}
}
function getIssuerLogo(props: displayType) {

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

@@ -16,7 +16,7 @@ const Colors = {
Black: '#000000',
Zambezi: '#5F5F5F',
Violet: '#5B03AD',
BrightOrange: '#FF5300',
Primary: '#FF5300',
Magenta: '#951F6F',
Grey: '#C7C7C7',
Grey5: '#E0E0E0',
@@ -31,7 +31,7 @@ const Colors = {
DimGray: '#737373',
DarkGray: '#A5A5A5',
platinumGrey: '#EDEDED',
Orange: '#951F6F',
Secondary: '#951F6F',
OrangeBrown: '#D9822B',
Blue: '#0000FF',
LightGrey: '#F8F8F8',
@@ -76,26 +76,26 @@ export const DefaultTheme = {
Colors: {
ProfileIconColor: Colors.DarkGray,
DetailedViewBackground: Colors.Gray97,
TabItemText: Colors.Orange,
TabItemText: Colors.Secondary,
Details: Colors.Black,
DetailsLabel: Colors.Gray40,
LoadingDetailsLabel: Colors.Gray40,
AddIdBtnBg: Colors.Orange,
AddIdBtnTxt: Colors.Orange,
AddIdBtnBg: Colors.Secondary,
AddIdBtnTxt: Colors.Secondary,
DownloadIdBtnTxt: Colors.White,
Loading: Colors.Orange,
Cursor: Colors.Orange,
noUinText: Colors.Orange,
IconBg: Colors.Orange,
Loading: Colors.Secondary,
Cursor: Colors.Secondary,
noUinText: Colors.Secondary,
IconBg: Colors.Secondary,
popUp: Colors.Green,
Icon: Colors.Orange,
Icon: Colors.Secondary,
GrayIcon: Colors.Gray50,
helpText: Colors.Gray44,
borderBottomColor: Colors.Grey6,
whiteBackgroundColor: Colors.White,
lightGreyBackgroundColor: Colors.LightGrey,
aboutVersion: Colors.Gray40,
switchHead: Colors.Orange,
switchHead: Colors.Secondary,
switchTrackTrue: Colors.LightOrange,
switchTrackFalse: Colors.Grey,
overlayBackgroundColor: Colors.White,
@@ -112,7 +112,7 @@ export const DefaultTheme = {
whiteText: Colors.White,
flipCameraIcon: Colors.Black,
RetrieveIdLabel: Colors.ShadeOfGrey,
inputSelection: Colors.Orange,
inputSelection: Colors.Secondary,
checkCircleIcon: Colors.White,
OnboardingCircleIcon: Colors.White,
OnboardingCloseIcon: Colors.White,
@@ -147,10 +147,12 @@ export const DefaultTheme = {
warningLogoBgColor: Colors.warningLogoBg,
tooltipIcon: Colors.toolTip,
toolTipPointerColor: Colors.toolTipPointer,
urlLink: Colors.Orange,
urlLink: Colors.Secondary,
warningText: Colors.Red,
PendingIcon: Colors.Yellow,
selectIDTextGradient: ['#F5F5F5', '#FFFFFF'],
unCheckText: Colors.Secondary,
secondaryText: Colors.Secondary,
},
Styles: StyleSheet.create({
title: {
@@ -169,12 +171,12 @@ export const DefaultTheme = {
fieldItemTitle: {
backgroundColor: Colors.Transparent,
fontSize: 11,
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
},
fieldItemValue: {
backgroundColor: Colors.Transparent,
fontSize: 12,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
marginTop: 3,
},
loadingSubtitle: {
@@ -183,7 +185,7 @@ export const DefaultTheme = {
},
verificationStatus: {
fontSize: 12,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
statusLabel: {
color: Colors.Gray30,
@@ -310,14 +312,14 @@ export const DefaultTheme = {
borderRadius: 15,
margin: 5,
borderWidth: 3,
borderColor: Colors.Orange,
borderColor: Colors.Secondary,
overflow: 'hidden',
},
selectedVc: {
borderRadius: 10,
margin: 5,
borderWidth: 2,
borderColor: Colors.Orange,
borderColor: Colors.Secondary,
},
labelPartContainer: {
marginLeft: 16,
@@ -562,7 +564,7 @@ export const DefaultTheme = {
borderWidth: 0,
},
tabIndicator: {
backgroundColor: Colors.Orange,
backgroundColor: Colors.Secondary,
},
tabContainer: {
backgroundColor: Colors.Transparent,
@@ -574,7 +576,7 @@ export const DefaultTheme = {
detailsText: {
fontWeight: 'bold',
fontSize: 15,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
},
idInputContainer: {
width: Dimensions.get('window').width * 0.86,
@@ -587,13 +589,13 @@ export const DefaultTheme = {
height: isIOS() ? 100 : 'auto',
},
picker: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 18,
},
idInputBottom: {
position: 'relative',
bottom: 18,
borderBottomColor: Colors.Orange,
borderBottomColor: Colors.Secondary,
borderBottomWidth: 1,
minWidth: 210,
},
@@ -608,7 +610,7 @@ export const DefaultTheme = {
marginVertical: 6,
},
placeholder: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
hrLine: {
borderBottomColor: Colors.Gray44,
@@ -650,7 +652,7 @@ export const DefaultTheme = {
borderRadius: 200,
height: 70,
width: 70,
backgroundColor: Colors.Orange,
backgroundColor: Colors.Secondary,
justifyContent: 'center',
position: 'absolute',
},
@@ -698,7 +700,7 @@ export const DefaultTheme = {
maxHeight: 20,
borderRadius: 4,
fontSize: 10,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
lineHeight: 12,
},
scanLayoutHeaderContainer: {
@@ -709,7 +711,7 @@ export const DefaultTheme = {
},
scanLayoutHeaderTitle: {
fontSize: 26,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
paddingTop: isIOS() ? 10 : 20,
paddingBottom: 10,
},
@@ -726,18 +728,18 @@ export const DefaultTheme = {
},
sendVPHeaderTitle: {
fontSize: 18,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
sendVPHeaderSubTitle: {
fontSize: 13,
fontFamily: 'Inter_600SemiBold',
color: Colors.Orange,
fontFamily: 'Montserrat_600SemiBold',
color: Colors.Secondary,
maxWidth: '80%',
overflow: 'hidden',
},
HistoryHeaderTitleStyle: {
fontSize: 26,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
marginTop: isIOS() ? 5 : 15,
},
tabBarIconCopilot: {
@@ -774,7 +776,7 @@ export const DefaultTheme = {
backgroundColor: '#DADADA',
},
disclosureTitle: {
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 15,
color: Colors.Black,
},
@@ -785,7 +787,7 @@ export const DefaultTheme = {
},
disclosureSelectButton: {
fontSize: 14,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
},
}),
BannerStyles: StyleSheet.create({
@@ -809,7 +811,7 @@ export const DefaultTheme = {
fontSize: 12,
lineHeight: 15,
padding: 1,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
dismiss: {paddingLeft: 9},
inProgress: {
@@ -845,7 +847,7 @@ export const DefaultTheme = {
borderTopLeftRadius: 21,
borderTopRightRadius: 21,
justifyContent: 'space-between',
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
paddingBottom: 10,
paddingRight: 15,
paddingLeft: 130,
@@ -881,7 +883,7 @@ export const DefaultTheme = {
color: Colors.Black,
flex: 1,
fontSize: 33,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
height: 50,
lineHeight: 28,
margin: 8,
@@ -889,10 +891,10 @@ export const DefaultTheme = {
},
onEnteringPin: {
borderBottomWidth: 3,
borderColor: Colors.Orange,
borderColor: Colors.Secondary,
color: Colors.Black,
flex: 1,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 29,
height: 50,
margin: 8,
@@ -902,33 +904,33 @@ export const DefaultTheme = {
TextStyles: StyleSheet.create({
header: {
color: Colors.Black,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 18,
lineHeight: 19,
paddingTop: 5,
},
subHeader: {
color: Colors.mediumLightGrayText,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
lineHeight: 19,
fontSize: 13,
paddingTop: 4,
},
semiBoldHeader: {
color: Colors.Black,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 18,
lineHeight: 21,
paddingTop: 4,
},
retrieveIdLabel: {
color: Colors.ShadeOfGrey,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
lineHeight: 18,
},
helpHeader: {
color: Colors.Black,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 18,
lineHeight: 19,
paddingTop: 5,
@@ -937,11 +939,11 @@ export const DefaultTheme = {
helpDetails: {
margin: 5,
color: Colors.Gray44,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
urlLinkText: {
color: Colors.Orange,
fontFamily: 'Inter_600SemiBold',
color: Colors.Secondary,
fontFamily: 'Montserrat_600SemiBold',
},
aboutDetails: {
color: Colors.Black,
@@ -954,7 +956,7 @@ export const DefaultTheme = {
top: 65,
left: 5,
color: Colors.Red,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 12,
minWidth: 200,
},
@@ -964,21 +966,21 @@ export const DefaultTheme = {
lineHeight: 18,
},
regular: {
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
fontSize: 14,
},
regularGrey: {
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
fontSize: 15,
lineHeight: 19,
color: Colors.ShadeOfGrey,
},
semibold: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 15,
},
bold: {
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 15,
justifyContent: 'center',
},
@@ -993,10 +995,16 @@ export const DefaultTheme = {
fontSize: 11,
lineHeight: 18,
},
mediumExtraSmall: {
fontSize: 14,
},
mediumSmall: {
fontSize: 15,
lineHeight: 18,
},
medium: {
fontSize: 16,
},
large: {
fontSize: 18,
},
@@ -1030,7 +1038,7 @@ export const DefaultTheme = {
}),
ToastItemStyles: StyleSheet.create({
toastContainer: {
backgroundColor: Colors.Orange,
backgroundColor: Colors.Secondary,
position: 'absolute',
alignSelf: 'center',
top: 80,
@@ -1060,7 +1068,7 @@ export const DefaultTheme = {
searchBarContainer: {
alignItems: 'center',
borderBottomWidth: 1,
borderBottomColor: Colors.Orange,
borderBottomColor: Colors.Secondary,
},
vcSearchBarContainer: {
alignItems: 'center',
@@ -1095,14 +1103,14 @@ export const DefaultTheme = {
flex: 1,
},
solid: {
backgroundColor: Colors.Orange,
backgroundColor: Colors.Secondary,
},
clear: {
backgroundColor: Colors.Transparent,
},
outline: {
backgroundColor: Colors.Transparent,
borderColor: Colors.Orange,
borderColor: Colors.Secondary,
},
disabledOutlineButton: {
backgroundColor: Colors.Transparent,
@@ -1117,7 +1125,7 @@ export const DefaultTheme = {
backgroundColor: Colors.Grey,
},
addId: {
backgroundColor: Colors.Orange,
backgroundColor: Colors.Secondary,
},
gradient: {
borderRadius: 9,
@@ -1138,7 +1146,7 @@ export const DefaultTheme = {
},
radius: {
borderRadius: 10,
backgroundColor: Colors.Orange,
backgroundColor: Colors.Secondary,
},
Large: {
width: Dimensions.get('window').width * 0.9,
@@ -1168,7 +1176,7 @@ export const DefaultTheme = {
backgroundColor: Colors.White,
borderWidth: 0,
marginTop: -15,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
padding: 0,
},
timeoutHintContainer: {
@@ -1188,7 +1196,7 @@ export const DefaultTheme = {
margin: 16,
padding: 8,
borderWidth: 2,
borderColor: Colors.Orange,
borderColor: Colors.Secondary,
borderRadius: 30,
},
sharedSuccessfullyVerifierInfo: {
@@ -1271,7 +1279,7 @@ export const DefaultTheme = {
}),
BackupAndRestoreStyles: StyleSheet.create({
backupProgressText: {
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
fontSize: 14,
color: Colors.Gray44,
},
@@ -1281,7 +1289,7 @@ export const DefaultTheme = {
textAlign: 'center',
lineHeight: 22,
fontSize: 17,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
marginHorizontal: 30,
},
actionOrLoaderContainer: {
@@ -1298,7 +1306,7 @@ export const DefaultTheme = {
paddingHorizontal: 10,
textAlign: 'center',
paddingTop: 15,
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
fontSize: 14,
letterSpacing: 0,
lineHeight: 17,
@@ -1316,7 +1324,7 @@ export const DefaultTheme = {
headerText: {
justifyContent: 'center',
paddingLeft: 12,
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
fontWeight: '600',
fontSize: 14,
letterSpacing: 0,
@@ -1369,15 +1377,15 @@ export const DefaultTheme = {
new: {
height: 20,
width: 'auto',
backgroundColor: '#FF5300',
alignItems: 'center',
justifyContent: 'center',
marginLeft: 10,
borderRadius: 5,
paddingHorizontal: 5,
},
kebabHeaderStyle: {
justifyContent: 'space-between',
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
},
}),
MessageOverlayStyles: StyleSheet.create({
@@ -1465,7 +1473,7 @@ export const DefaultTheme = {
padding: 20,
},
slider: {
backgroundColor: Colors.Orange,
backgroundColor: Colors.Secondary,
minHeight: 300,
width: '100%',
margin: 0,
@@ -1475,7 +1483,7 @@ export const DefaultTheme = {
sliderTitle: {
color: Colors.White,
marginBottom: 20,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
},
text: {
color: Colors.White,
@@ -1556,7 +1564,7 @@ export const DefaultTheme = {
marginHorizontal: 9,
},
issuerHeading: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 14,
paddingHorizontal: 3,
marginBottom: 2,
@@ -1582,7 +1590,7 @@ export const DefaultTheme = {
image: {marginTop: -60, paddingBottom: 26},
title: {
color: Colors.Black,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 18,
lineHeight: 21,
paddingTop: 4,
@@ -1591,7 +1599,7 @@ export const DefaultTheme = {
},
message: {
textAlign: 'center',
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
fontSize: 14,
lineHeight: 20,
marginTop: 6,
@@ -1601,7 +1609,7 @@ export const DefaultTheme = {
},
additionalMessage: {
color: Colors.Black,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 18,
lineHeight: 21,
paddingTop: 4,
@@ -1646,7 +1654,7 @@ export const DefaultTheme = {
},
heading: {
color: 'black',
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 18,
lineHeight: 19,
padding: 10,
@@ -1793,16 +1801,16 @@ export const DefaultTheme = {
purposeText: {
fontSize: 13,
position: 'relative',
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
},
cardsSelectedText: {
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
color: '#000000',
fontSize: 14,
},
selectIDText: {
position: 'relative',
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 16,
},
}),
@@ -1822,11 +1830,11 @@ export const DefaultTheme = {
justifyContent: 'space-between',
},
bannerTitle: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
bannerGuide: {
opacity: 0.8,
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
},
bannerEnablePermissionContainer: {
marginTop: 15,
@@ -1834,7 +1842,7 @@ export const DefaultTheme = {
bannerEnablePermission: {
borderBottomWidth: 1.5,
borderBottomColor: Colors.White,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
scannerContainer: {
borderRadius: 24,
@@ -1889,14 +1897,18 @@ export const DefaultTheme = {
},
holdPhoneSteadyText: {
color: Colors.Black,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 15,
},
cameraFlipIcon: {
height: 50,
width: 50,
},
iconText: {fontFamily: 'Inter_600SemiBold', fontSize: 12, marginTop: 6},
iconText: {
fontFamily: 'Montserrat_600SemiBold',
fontSize: 12,
marginTop: 6,
},
}),
BottomTabBarStyle: StyleSheet.create({
@@ -1904,7 +1916,7 @@ export const DefaultTheme = {
headerLeftContainerStyle: {paddingEnd: 13},
tabBarLabelStyle: {
fontSize: 12,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
tabBarStyle: {
display: 'flex',
@@ -1951,6 +1963,22 @@ export const DefaultTheme = {
paddingTop: 3,
maxWidth: 250,
},
footerContainer: {
alignItems: 'center',
marginTop: 12,
},
poweredByRow: {
alignItems: 'center',
marginBottom: 4,
},
logoStyle: {
width: 24,
height: 24,
marginRight: 5,
marginTop: 12,
},
tuvaliVerisonStyle: {
paddingTop: 3,
paddingBottom: 12,
@@ -2162,7 +2190,7 @@ export const DefaultTheme = {
titleText: {
fontSize: 17,
textAlign: 'left',
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
paddingTop: 20,
},
titleDescription: {
@@ -2173,14 +2201,14 @@ export const DefaultTheme = {
},
noteTitleText: {
fontSize: 14,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
color: '#973C00',
marginBottom: 5,
},
noteDescriptionText: {
fontSize: 13,
color: '#973C00',
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
lineHeight: 18,
textAlign: 'left',
marginLeft: -25,
@@ -2199,7 +2227,7 @@ export const DefaultTheme = {
},
text: {
fontSize: 14,
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
color: 'black',
flex: 1,
},

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

@@ -52,7 +52,7 @@ const Colors = {
GradientColorsLight: ['#F3E2FF', '#F3E2FF'],
DisabledColors: ['#C7C7C7', '#C7C7C7'],
captureIconBorder: '#F59B4B',
Purple: '#70308C',
Primary: '#70308C',
LightPurple: '#F3E2FF',
TimeoutHintBoxColor: '#FBF5FF',
TimeoutHintBoxBorder: '#F3E2FF',
@@ -78,19 +78,19 @@ export const PurpleTheme = {
Colors: {
ProfileIconColor: Colors.DarkGray,
DetailedViewBackground: Colors.Gray97,
TabItemText: Colors.Purple,
TabItemText: Colors.Primary,
Details: Colors.Black,
DetailsLabel: Colors.Gray40,
LoadingDetailsLabel: Colors.Gray40,
AddIdBtnBg: Colors.Purple,
AddIdBtnTxt: Colors.Purple,
AddIdBtnBg: Colors.Primary,
AddIdBtnTxt: Colors.Primary,
DownloadIdBtnTxt: Colors.White,
Loading: Colors.Purple,
Cursor: Colors.Purple,
noUinText: Colors.Purple,
IconBg: Colors.Purple,
Loading: Colors.Primary,
Cursor: Colors.Primary,
noUinText: Colors.Primary,
IconBg: Colors.Primary,
popUp: Colors.Green,
Icon: Colors.Purple,
Icon: Colors.Primary,
GrayIcon: Colors.Gray50,
helpText: Colors.Gray44,
borderBottomColor: Colors.Grey6,
@@ -98,7 +98,7 @@ export const PurpleTheme = {
lightGreyBackgroundColor: Colors.LightGrey,
errorGrayText: Colors.mediumDarkGrey,
aboutVersion: Colors.Gray40,
switchHead: Colors.Purple,
switchHead: Colors.Primary,
switchTrackTrue: Colors.LightPurple,
switchTrackFalse: Colors.Grey,
overlayBackgroundColor: Colors.White,
@@ -115,7 +115,7 @@ export const PurpleTheme = {
whiteText: Colors.White,
flipCameraIcon: Colors.Black,
RetrieveIdLabel: Colors.ShadeOfGrey,
inputSelection: Colors.Purple,
inputSelection: Colors.Primary,
checkCircleIcon: Colors.White,
OnboardingCircleIcon: Colors.White,
OnboardingCloseIcon: Colors.White,
@@ -150,9 +150,11 @@ export const PurpleTheme = {
warningLogoBgColor: Colors.warningLogoBg,
tooltipIcon: Colors.tooltip,
toolTipPointerColor: Colors.toolTipPointer,
urlLink: Colors.Purple,
urlLink: Colors.Primary,
warningText: Colors.Red,
PendingIcon: Colors.Yellow,
unCheckText: Colors.Orange,
secondaryText: Colors.Orange,
},
Styles: StyleSheet.create({
title: {
@@ -171,12 +173,12 @@ export const PurpleTheme = {
fieldItemTitle: {
backgroundColor: Colors.Transparent,
fontSize: 11,
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
},
fieldItemValue: {
backgroundColor: Colors.Transparent,
fontSize: 12,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
marginTop: 3,
},
loadingSubtitle: {
@@ -185,7 +187,7 @@ export const PurpleTheme = {
},
verificationStatus: {
fontSize: 12,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
statusLabel: {
color: Colors.Gray30,
@@ -326,14 +328,14 @@ export const PurpleTheme = {
borderRadius: 15,
margin: 5,
borderWidth: 3,
borderColor: Colors.Purple,
borderColor: Colors.Primary,
overflow: 'hidden',
},
selectedVc: {
borderRadius: 10,
margin: 5,
borderWidth: 2,
borderColor: Colors.Purple,
borderColor: Colors.Primary,
},
labelPartContainer: {
marginLeft: 16,
@@ -568,7 +570,7 @@ export const PurpleTheme = {
borderWidth: 0,
},
tabIndicator: {
backgroundColor: Colors.Purple,
backgroundColor: Colors.Primary,
},
tabContainer: {
backgroundColor: Colors.Transparent,
@@ -580,7 +582,7 @@ export const PurpleTheme = {
detailsText: {
fontWeight: 'bold',
fontSize: 15,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
},
idInputContainer: {
width: Dimensions.get('window').width * 0.86,
@@ -593,13 +595,13 @@ export const PurpleTheme = {
height: isIOS() ? 100 : 'auto',
},
picker: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 18,
},
idInputBottom: {
position: 'relative',
bottom: 18,
borderBottomColor: Colors.Purple,
borderBottomColor: Colors.Primary,
borderBottomWidth: 1,
minWidth: 210,
},
@@ -614,7 +616,7 @@ export const PurpleTheme = {
marginVertical: 6,
},
placeholder: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
hrLine: {
borderBottomColor: Colors.Gray44,
@@ -656,7 +658,7 @@ export const PurpleTheme = {
borderRadius: 200,
height: 70,
width: 70,
backgroundColor: Colors.Purple,
backgroundColor: Colors.Primary,
justifyContent: 'center',
position: 'absolute',
},
@@ -699,14 +701,14 @@ export const PurpleTheme = {
paddingHorizontal: 24,
},
newLabel: {
backgroundColor: Colors.Purple,
backgroundColor: Colors.Primary,
paddingHorizontal: 5,
paddingVertical: 4,
maxHeight: 20,
marginTop: 10,
borderRadius: 4,
fontSize: 10,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
lineHeight: 12,
},
scanLayoutHeaderContainer: {
@@ -717,7 +719,7 @@ export const PurpleTheme = {
},
scanLayoutHeaderTitle: {
fontSize: 26,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
paddingTop: isIOS() ? 10 : 20,
paddingBottom: 10,
},
@@ -734,18 +736,18 @@ export const PurpleTheme = {
},
sendVPHeaderTitle: {
fontSize: 18,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
sendVPHeaderSubTitle: {
fontSize: 13,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
color: Colors.LightPurple,
maxWidth: '80%',
overflow: 'hidden',
},
HistoryHeaderTitleStyle: {
fontSize: 26,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
marginTop: isIOS() ? 5 : 15,
},
tabBarIconCopilot: {
@@ -783,7 +785,7 @@ export const PurpleTheme = {
marginBottom: 12,
},
disclosureTitle: {
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 15,
color: Colors.Black,
},
@@ -794,7 +796,7 @@ export const PurpleTheme = {
},
disclosureSelectButton: {
fontSize: 14,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
},
}),
BannerStyles: StyleSheet.create({
@@ -814,7 +816,7 @@ export const PurpleTheme = {
fontSize: 12,
lineHeight: 15,
padding: 1,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
topBanner: {
marginTop: 10,
@@ -854,7 +856,7 @@ export const PurpleTheme = {
borderTopLeftRadius: 21,
borderTopRightRadius: 21,
justifyContent: 'space-between',
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
paddingBottom: 10,
paddingRight: 15,
paddingLeft: 130,
@@ -890,7 +892,7 @@ export const PurpleTheme = {
color: Colors.Black,
flex: 1,
fontSize: 33,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
height: 40,
lineHeight: 28,
margin: 8,
@@ -898,10 +900,10 @@ export const PurpleTheme = {
},
onEnteringPin: {
borderBottomWidth: 3,
borderColor: Colors.Purple,
borderColor: Colors.Primary,
color: Colors.Black,
flex: 1,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 29,
height: 40,
margin: 8,
@@ -911,33 +913,33 @@ export const PurpleTheme = {
TextStyles: StyleSheet.create({
header: {
color: Colors.Black,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 18,
lineHeight: 19,
paddingTop: 5,
},
subHeader: {
color: Colors.mediumLightGrayText,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
lineHeight: 19,
fontSize: 13,
paddingTop: 4,
},
semiBoldHeader: {
color: Colors.Black,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 18,
lineHeight: 21,
paddingTop: 4,
},
retrieveIdLabel: {
color: Colors.ShadeOfGrey,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
lineHeight: 18,
},
helpHeader: {
color: Colors.Black,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 18,
lineHeight: 19,
paddingTop: 5,
@@ -946,11 +948,11 @@ export const PurpleTheme = {
helpDetails: {
margin: 5,
color: Colors.Gray44,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
urlLinkText: {
color: Colors.Purple,
fontFamily: 'Inter_600SemiBold',
color: Colors.Primary,
fontFamily: 'Montserrat_600SemiBold',
},
aboutDetails: {
color: Colors.Black,
@@ -963,7 +965,7 @@ export const PurpleTheme = {
top: 65,
left: 5,
color: Colors.Red,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 12,
minWidth: 200,
},
@@ -973,21 +975,21 @@ export const PurpleTheme = {
lineHeight: 18,
},
regular: {
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
fontSize: 14,
},
regularGrey: {
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
fontSize: 15,
lineHeight: 19,
color: Colors.ShadeOfGrey,
},
semibold: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 15,
},
bold: {
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 15,
justifyContent: 'center',
},
@@ -999,6 +1001,12 @@ export const PurpleTheme = {
fontSize: 15,
lineHeight: 18,
},
mediumExtraSmall: {
fontSize: 14,
},
medium: {
fontSize: 16,
},
extraSmall: {
fontSize: 12,
},
@@ -1039,7 +1047,7 @@ export const PurpleTheme = {
}),
ToastItemStyles: StyleSheet.create({
toastContainer: {
backgroundColor: Colors.Purple,
backgroundColor: Colors.Primary,
position: 'absolute',
alignSelf: 'center',
top: 80,
@@ -1069,7 +1077,7 @@ export const PurpleTheme = {
searchBarContainer: {
alignItems: 'center',
borderBottomWidth: 1,
borderBottomColor: Colors.Purple,
borderBottomColor: Colors.Primary,
},
vcSearchBarContainer: {
alignItems: 'center',
@@ -1104,14 +1112,14 @@ export const PurpleTheme = {
flex: 1,
},
solid: {
backgroundColor: Colors.Purple,
backgroundColor: Colors.Primary,
},
clear: {
backgroundColor: Colors.Transparent,
},
outline: {
backgroundColor: Colors.Transparent,
borderColor: Colors.Purple,
borderColor: Colors.Primary,
},
disabledOutlineButton: {
backgroundColor: Colors.Transparent,
@@ -1126,7 +1134,7 @@ export const PurpleTheme = {
backgroundColor: Colors.Grey,
},
addId: {
backgroundColor: Colors.Purple,
backgroundColor: Colors.Primary,
},
gradient: {
borderRadius: 9,
@@ -1147,7 +1155,7 @@ export const PurpleTheme = {
},
radius: {
borderRadius: 10,
backgroundColor: Colors.Purple,
backgroundColor: Colors.Primary,
},
}),
OIDCAuthStyles: StyleSheet.create({
@@ -1174,7 +1182,7 @@ export const PurpleTheme = {
backgroundColor: Colors.White,
borderWidth: 0,
marginTop: -15,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
padding: 0,
},
timeoutHintContainer: {
@@ -1194,7 +1202,7 @@ export const PurpleTheme = {
margin: 16,
padding: 8,
borderWidth: 2,
borderColor: Colors.Purple,
borderColor: Colors.Primary,
borderRadius: 30,
},
sharedSuccessfullyVerifierInfo: {
@@ -1277,7 +1285,7 @@ export const PurpleTheme = {
}),
BackupAndRestoreStyles: StyleSheet.create({
backupProgressText: {
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
fontSize: 14,
color: Colors.Gray44,
},
@@ -1291,7 +1299,7 @@ export const PurpleTheme = {
textAlign: 'center',
lineHeight: 22,
fontSize: 17,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
marginHorizontal: 30,
},
cloudInfo: {
@@ -1304,7 +1312,7 @@ export const PurpleTheme = {
paddingHorizontal: 10,
textAlign: 'center',
paddingTop: 15,
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
fontSize: 14,
letterSpacing: 0,
lineHeight: 17,
@@ -1322,7 +1330,7 @@ export const PurpleTheme = {
headerText: {
justifyContent: 'center',
paddingLeft: 12,
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
fontWeight: '600',
fontSize: 14,
letterSpacing: 0,
@@ -1383,7 +1391,7 @@ export const PurpleTheme = {
},
kebabHeaderStyle: {
justifyContent: 'space-between',
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
},
}),
MessageOverlayStyles: StyleSheet.create({
@@ -1472,7 +1480,7 @@ export const PurpleTheme = {
padding: 20,
},
slider: {
backgroundColor: Colors.Purple,
backgroundColor: Colors.Primary,
minHeight: 300,
width: '100%',
margin: 0,
@@ -1482,7 +1490,7 @@ export const PurpleTheme = {
sliderTitle: {
color: Colors.White,
marginBottom: 20,
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
},
text: {
color: Colors.White,
@@ -1564,7 +1572,7 @@ export const PurpleTheme = {
marginHorizontal: 9,
},
issuerHeading: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 14,
paddingHorizontal: 3,
marginBottom: 2,
@@ -1588,7 +1596,7 @@ export const PurpleTheme = {
image: {marginTop: -60, paddingBottom: 26},
title: {
color: Colors.Black,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 18,
lineHeight: 21,
paddingTop: 4,
@@ -1597,7 +1605,7 @@ export const PurpleTheme = {
},
message: {
textAlign: 'center',
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
fontSize: 14,
lineHeight: 20,
marginTop: 6,
@@ -1607,7 +1615,7 @@ export const PurpleTheme = {
},
additionalMessage: {
color: Colors.Black,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 18,
lineHeight: 21,
paddingTop: 4,
@@ -1656,7 +1664,7 @@ export const PurpleTheme = {
},
heading: {
color: 'black',
fontFamily: 'Inter_700Bold',
fontFamily: 'Montserrat_700Bold',
fontSize: 18,
lineHeight: 19,
padding: 10,
@@ -1800,16 +1808,16 @@ export const PurpleTheme = {
purposeText: {
fontSize: 13,
position: 'relative',
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
},
cardsSelectedText: {
fontFamily: 'Inter_500Medium',
fontFamily: 'Montserrat_500Medium',
color: '#000000',
fontSize: 14,
},
selectIDText: {
position: 'relative',
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 16,
},
}),
@@ -1829,11 +1837,11 @@ export const PurpleTheme = {
justifyContent: 'space-between',
},
bannerTitle: {
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
bannerGuide: {
opacity: 0.8,
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
},
bannerEnablePermissionContainer: {
marginTop: 15,
@@ -1841,7 +1849,7 @@ export const PurpleTheme = {
bannerEnablePermission: {
borderBottomWidth: 1.5,
borderBottomColor: Colors.White,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
scannerContainer: {
borderRadius: 24,
@@ -1895,21 +1903,25 @@ export const PurpleTheme = {
},
holdPhoneSteadyText: {
color: Colors.Black,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
fontSize: 15,
},
cameraFlipIcon: {
height: 50,
width: 50,
},
iconText: {fontFamily: 'Inter_600SemiBold', fontSize: 12, marginTop: 6},
iconText: {
fontFamily: 'Montserrat_600SemiBold',
fontSize: 12,
marginTop: 6,
},
}),
BottomTabBarStyle: StyleSheet.create({
headerRightContainerStyle: {paddingEnd: 13},
headerLeftContainerStyle: {paddingEnd: 13},
tabBarLabelStyle: {
fontSize: 12,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
tabBarStyle: {
display: 'flex',
@@ -1956,6 +1968,20 @@ export const PurpleTheme = {
paddingTop: 3,
maxWidth: 250,
},
footerContainer: {
alignItems: 'center',
marginTop: 12,
},
poweredByRow: {
alignItems: 'center',
marginBottom: 4,
},
logoStyle: {
width: 24,
height: 24,
marginRight: 5,
},
tuvaliVerisonStyle: {
paddingTop: 3,
paddingBottom: 12,
@@ -2164,7 +2190,7 @@ export const PurpleTheme = {
titleText: {
fontSize: 17,
textAlign: 'left',
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
paddingTop: 20,
},
titleDescription: {
@@ -2175,14 +2201,14 @@ export const PurpleTheme = {
},
noteTitleText: {
fontSize: 14,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
color: '#973C00',
marginBottom: 5,
},
noteDescriptionText: {
fontSize: 13,
color: '#973C00',
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
lineHeight: 18,
textAlign: 'left',
marginLeft: -25,
@@ -2201,7 +2227,7 @@ export const PurpleTheme = {
},
text: {
fontSize: 14,
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
color: 'black',
flex: 1,
},

16
components/ui/themes/Readme.md
View File

@@ -70,7 +70,7 @@ To change the color of TabItemText
```
export const DefaultTheme = {
Colors: {
TabItemText: colors.Orange,
TabItemText: colors.Primary,
...
}
}
@@ -83,7 +83,7 @@ To change the color of Details Label Text
```
export const DefaultTheme = {
Colors: {
DetailsLabel: colors.Orange,
DetailsLabel: colors.Primary,
...
}
}
@@ -109,8 +109,8 @@ To change the color of AddId Button Text and Background
```
export const DefaultTheme = {
Colors: {
AddIdBtnBg: colors.Orange,
AddIdBtnTxt: colors.Orange,
AddIdBtnBg: colors.Primary,
AddIdBtnTxt: colors.Primary,
...
}
}
@@ -123,7 +123,7 @@ To change the color of Icons
```
export const DefaultTheme = {
Colors: {
Icon: colors.Orange,
Icon: colors.Primary,
...
}
}
@@ -136,7 +136,7 @@ To change the Background Color of Icons
```
export const DefaultTheme = {
Colors: {
IconBg: colors.Orange,
IconBg: colors.Primary,
...
}
}
@@ -149,7 +149,7 @@ To change the Color of Loading Transition
```
export const DefaultTheme = {
Colors: {
Loading: colors.Orange,
Loading: colors.Primary,
...
}
}
@@ -175,7 +175,7 @@ To change the Color of noUinText
```
export const DefaultTheme = {
Colors: {
noUinText : colors.Orange,
noUinText : colors.Primary,
...
}
}

5
locales/ara.json
View File

@@ -220,7 +220,8 @@
"forMoreDetails": "لمزيد من التفاصيل",
"clickHere": "انقر هنا",
"version": "الإصدار",
"poweredBy": "مدعوم من Inji، منتج MOSIP"
"poweredBy": "منتج من MOSIP",
"copyright": "© 2022 MOSIP. جميع الحقوق محفوظة."
},
"IssuersScreen": {
"title": "أضف بطاقة جديدة",
@@ -857,7 +858,7 @@
"SendVcScreen": {
"reasonForSharing": "سبب المشاركة (اختياري)",
"introTitle": "المحقق",
"requestMessage": "يطلب هويتك الرقمية لغرض",
"requestMessage": "يطلب هويتك الرقمية لغرض ",
"acceptRequest": "يشارك",
"acceptRequestAndVerify": "شارك مع سيلفي",
"reject": "رفض",

5
locales/en.json
View File

@@ -221,7 +221,8 @@
"forMoreDetails": "For more details",
"clickHere": "Click here",
"version": "Version",
"poweredBy": "Powered by Inji, A MOSIP Product"
"poweredBy": "A MOSIP Product",
"copyright": "© 2022 MOSIP. All rights reserved."
},
"IssuersScreen": {
"title": "Add new card",
@@ -869,7 +870,7 @@
"SendVcScreen": {
"reasonForSharing": "Reason for sharing (optional)",
"introTitle": "Requester",
"requestMessage": "is requesting your digital ID for the purpose",
"requestMessage": "is requesting your digital ID for the purpose of ",
"acceptRequest": "Share",
"acceptRequestAndVerify": "Share with Selfie",
"reject": "Reject",

5
locales/fil.json
View File

@@ -219,7 +219,8 @@
"forMoreDetails": "Para sa karagdagang detalye",
"clickHere": "Pindutin dito",
"version": "Bersyon",
"poweredBy": "Pinapatakbo ng Inji, Isang Produktong MOSIP"
"poweredBy": "Isang Produktong MOSIP",
"copyright": "© 2022 MOSIP. Lahat ng karapatan ay nakalaan."
},
"IssuersScreen": {
"title": "Magdagdag ng bagong card",
@@ -859,7 +860,7 @@
"SendVcScreen": {
"reasonForSharing": "Dahilan ng pagbabahagi (opsyonal)",
"introTitle": "Tagapagpatunay",
"requestMessage": "humihiling ng iyong digital na ID para sa layunin.",
"requestMessage": "humihiling ng iyong digital na ID para sa layunin ng",
"acceptRequest": "Tanggapin ang kahilingan at pumili ng card",
"acceptRequestAndVerify": "Ibahagi sa Selfie",
"reject": "Tanggihan",

5
locales/hin.json
View File

@@ -221,7 +221,8 @@
"forMoreDetails": "अधिक जानकारी के लिए",
"clickHere": "यहाँ क्लिक करें",
"version": "संस्करण",
"poweredBy": "इंजी द्वारा संचालित, एक MOSIP उत्पाद"
"poweredBy": "एक MOSIP उत्पाद",
"copyright": "© 2022 MOSIP. सभी अधिकार सुरक्षित।"
},
"IssuersScreen": {
"title": "नया कार्ड जोड़ें",
@@ -863,7 +864,7 @@
"SendVcScreen": {
"reasonForSharing": "साझा करने का कारण (वैकल्पिक)",
"introTitle": "अनुरोधकर्ता",
"requestMessage": "आपके डिजिटल आईडी के लिए अनुरोध कर रहा है",
"requestMessage": "आपके डिजिटल आईडी के लिए अनुरोध कर रहा है ",
"acceptRequest": "शेयर करना",
"acceptRequestAndVerify": "सेल्फी के साथ शेयर करें",
"consentToPhotoVerification": "मैं सत्यापन के लिए अपना फोटो लेने की अनुमति देता हूं",

5
locales/kan.json
View File

@@ -220,7 +220,8 @@
"forMoreDetails": "ಹೆಚ್ಚಿನ ವಿವರಗಳಿಗಾಗಿ",
"clickHere": "ಇಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ",
"version": "ಆವೃತ್ತಿ",
"poweredBy": "ಇಂಜಿಯಿಂದ ನಡೆಸಲ್ಪಡುತ್ತಿದೆ, ಒಂದು MOSIP ಉತ್ಪನ್ನ"
"poweredBy": "ಒಂದು MOSIP ಉತ್ಪನ್ನ",
"copyright": "© 2022 MOSIP. ಎಲ್ಲಾ ಹಕ್ಕುಗಳು ಸಂರಕ್ಷಿಸಲಾಗಿದೆ."
},
"IssuersScreen": {
"title": "ಹೊಸ ಕಾರ್ಡ್ ಸೇರಿಸಿ",
@@ -861,7 +862,7 @@
"SendVcScreen": {
"reasonForSharing": "ಹಂಚಿಕೆಗೆ ಕಾರಣ (ಐಚ್ಛಿಕ)",
"introTitle": "ವಿನಂತಿದವರು",
"requestMessage": "ನಿಮ್ಮ ಡಿಜಿಟಲ್ ಐಡಿಯನ್ನು ವಿನಂತಿಸುತ್ತಿದ್ದಾರೆ",
"requestMessage": "ನಿಮ್ಮ ಡಿಜಿಟಲ್ ಐಡಿಯನ್ನು ವಿನಂತಿಸುತ್ತಿದ್ದಾರೆ ",
"acceptRequest": "ಹಂಚಿಕೊಳ್ಳಿ",
"acceptRequestAndVerify": "ಸೆಲ್ಫಿಯೊಂದಿಗೆ ಹಂಚಿಕೊಳ್ಳಿ",
"reject": "ತಿರಸ್ಕರಿಸಿ",

5
locales/tam.json
View File

@@ -220,7 +220,8 @@
"forMoreDetails": "மேலும் விவரங்களுக்கு",
"clickHere": "இங்கே கிளிக் செய்யவும்",
"version": "பதிப்பு",
"poweredBy": "இன்ஜி மூலம் இயக்கப்படுகிறது, ஒரு MOSIP தயாரிப்பு"
"poweredBy": "இன்ஜி மூலம் இயக்கப்படுகிறது, ஒரு MOSIP தயாரிப்பு",
"copyright": "© 2022 MOSIP. அனைத்து உரிமைகளும் பாதுகாக்கப்பட்டவை."
},
"IssuersScreen": {
"title": "புதிய அட்டையைச் சேர்க்கவும்",
@@ -861,7 +862,7 @@
"SendVcScreen": {
"reasonForSharing": "பகிர்வதற்கான காரணம் (விரும்பினால்)",
"introTitle": "கோரியவர்",
"requestMessage": "உங்கள் டிஜிட்டல் ஐடியை கோருகிறார்",
"requestMessage": "உங்கள் டிஜிட்டல் ஐடியை கோருகிறார் ",
"acceptRequest": "பகிர்",
"acceptRequestAndVerify": "செல்ஃபியுடன் பகிரவும்",
"reject": "நிராகரிக்கவும்",

19
package-lock.json generated
View File

@@ -14,7 +14,7 @@
"@digitalbazaar/rsa-signature-2018": "digitalbazaar/rsa-signature-2018#initial",
"@digitalbazaar/rsa-verification-key-2018": "digitalbazaar/rsa-verification-key-2018#initial",
"@digitalcredentials/vc": "^1.1.2",
"@expo-google-fonts/inter": "^0.2.3",
"@expo-google-fonts/montserrat": "^0.4.2",
"@expo/metro-config": "~0.18.11",
"@invertase/react-native-apple-authentication": "^2.3.0",
"@iriscan/biometric-sdk-react-native": "0.2.6",
@@ -3318,10 +3318,11 @@
"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
}
},
"node_modules/@expo-google-fonts/inter": {
"version": "0.2.3",
"resolved": "https://registry.npmjs.org/@expo-google-fonts/inter/-/inter-0.2.3.tgz",
"integrity": "sha512-iHK9FI+dnE45X5c2Z5hSFwNH4zUWethizpbv3XUn0FIGw5jwvzriENz0a6wCdkI4/d+1QkurnHo5XHti7TbNJA=="
"node_modules/@expo-google-fonts/montserrat": {
"version": "0.4.2",
"resolved": "https://registry.npmjs.org/@expo-google-fonts/montserrat/-/montserrat-0.4.2.tgz",
"integrity": "sha512-Xyq7rKJhhZOE1Xk4wKSSVoUeOkFmQEMhtZ3pdFrgYckGZMs115Apmld1AI8Ju+yrl5GzDdfRCCqRr33dvEDYUA==",
"license": "MIT AND OFL-1.1"
},
"node_modules/@expo/bunyan": {
"version": "4.0.1",
@@ -33132,10 +33133,10 @@
"integrity": "sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==",
"dev": true
},
"@expo-google-fonts/inter": {
"version": "0.2.3",
"resolved": "https://registry.npmjs.org/@expo-google-fonts/inter/-/inter-0.2.3.tgz",
"integrity": "sha512-iHK9FI+dnE45X5c2Z5hSFwNH4zUWethizpbv3XUn0FIGw5jwvzriENz0a6wCdkI4/d+1QkurnHo5XHti7TbNJA=="
"@expo-google-fonts/montserrat": {
"version": "0.4.2",
"resolved": "https://registry.npmjs.org/@expo-google-fonts/montserrat/-/montserrat-0.4.2.tgz",
"integrity": "sha512-Xyq7rKJhhZOE1Xk4wKSSVoUeOkFmQEMhtZ3pdFrgYckGZMs115Apmld1AI8Ju+yrl5GzDdfRCCqRr33dvEDYUA=="
},
"@expo/bunyan": {
"version": "4.0.1",

2
package.json
View File

@@ -19,7 +19,7 @@
"@digitalbazaar/rsa-signature-2018": "digitalbazaar/rsa-signature-2018#initial",
"@digitalbazaar/rsa-verification-key-2018": "digitalbazaar/rsa-verification-key-2018#initial",
"@digitalcredentials/vc": "^1.1.2",
"@expo-google-fonts/inter": "^0.2.3",
"@expo-google-fonts/montserrat": "^0.4.2",
"@expo/metro-config": "~0.18.11",
"@invertase/react-native-apple-authentication": "^2.3.0",
"@iriscan/biometric-sdk-react-native": "0.2.6",

2
routes/main.ts
View File

@@ -44,7 +44,7 @@ const settings: TabScreen = {
options: {
headerTitleStyle: {
fontSize: 26,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
marginTop: 15,
},
title: i18n.t('MainLayout:settings'),

1
screens/Home/IntroSlidersScreen.tsx
View File

@@ -99,6 +99,7 @@ export const IntroSlidersScreen: React.FC<RootRouteProps> = props => {
<Text
testID={`introTitle-${item.key}`}
style={{paddingTop: 3}}
size={'large'}
weight="semibold"
margin="0 0 18 0">
{item.title}

6
screens/Home/MyVcsTab.tsx
View File

@@ -284,7 +284,7 @@ export const MyVcsTab: React.FC<HomeScreenTabProps> = props => {
</Row>
<Row pY={11} pX={8}>
{numberOfCardsAvailable > 0 && (
<Text style={{fontFamily: 'Inter_500Medium'}}>
<Text style={{fontFamily: 'Montserrat_500Medium'}}>
{cardsAvailableText}
</Text>
)}
@@ -360,7 +360,7 @@ export const MyVcsTab: React.FC<HomeScreenTabProps> = props => {
fontWeight: 'bold',
textAlign: 'center',
fontSize: 18,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
}}>
{t('noCardsTitle')}
</Text>
@@ -370,7 +370,7 @@ export const MyVcsTab: React.FC<HomeScreenTabProps> = props => {
lineHeight: 17,
paddingTop: 10,
fontSize: 14,
fontFamily: 'Inter_400Regular',
fontFamily: 'Montserrat_400Regular',
}}>
{t('noCardsDescription')}
</Text>

2
screens/HomeScreenLayout.tsx
View File

@@ -29,7 +29,7 @@ export const HomeScreenLayout: React.FC<RootRouteProps> = props => {
tabBarActiveTintColor: Theme.Colors.IconBg,
tabBarLabelStyle: {
fontSize: 12,
fontFamily: 'Inter_600SemiBold',
fontFamily: 'Montserrat_600SemiBold',
},
tabBarStyle: {
height: 75,

346
screens/IntroSliders/secureShareIntro.tsx
View File

@@ -1,174 +1,194 @@
import React from 'react';
import { Column, Row, Button, Text } from '../../components/ui';
import { Theme } from '../../components/ui/styleUtils';
import { SvgImage } from '../../components/ui/svg';
import { Divider } from 'react-native-elements';
import { View, Image } from 'react-native';
import { useTranslation } from 'react-i18next';
import { useNavigation } from '@react-navigation/native';
import {Column, Row, Button, Text} from '../../components/ui';
import {Theme} from '../../components/ui/styleUtils';
import {SvgImage} from '../../components/ui/svg';
import {Divider} from 'react-native-elements';
import {View, Image} from 'react-native';
import {useTranslation} from 'react-i18next';
import {useNavigation} from '@react-navigation/native';
import LinearGradient from 'react-native-linear-gradient';
export const StaticSendVcScreen: React.FC = () => {
const staticCards = [
{ id: 1, name: 'Abigail', status: 'valid', pin: false, face: require("../../assets/faceImage2.png"), selected: true },
{ id: 2, name: 'Patricia', status: 'valid', pin: false, face: require("../../assets/faceImage1.png"), selected: true },
{ id: 3, name: 'Timara', status: 'valid', pin: false, face: require("../../assets/faceImage2.png"), selected: false },
{ id: 4, name: 'Abishek', status: 'valid', pin: false, face: require("../../assets/faceImage1.png"), selected: false },
];
const { t } = useTranslation();
const navigation = useNavigation();
const staticCards = [
{
id: 1,
name: 'Abigail',
status: 'valid',
pin: false,
face: require('../../assets/Profile1.png'),
selected: true,
},
{
id: 2,
name: 'Patricia',
status: 'valid',
pin: false,
face: require('../../assets/Profile2.jpg'),
selected: true,
},
{
id: 3,
name: 'Timara',
status: 'valid',
pin: false,
face: require('../../assets/Profile3.jpg'),
selected: false,
},
{
id: 4,
name: 'Abishek',
status: 'valid',
pin: false,
face: require('../../assets/Profile4.png'),
selected: false,
},
];
const {t} = useTranslation();
const navigation = useNavigation();
const handleShare = () => { };
const handleShare = () => {};
const handleShareWithSelfie = () => { };
const handleShareWithSelfie = () => {};
const handleReject = () => { };
const handleReject = () => {};
return (
<Column
testID="sendVcScreen"
fill
backgroundColor={Theme.Colors.lightGreyBackgroundColor}
style={Theme.IntroSliderStyles.secureShareIntroOuterColumn}>
<View
testID="introScreenNotch"
style={Theme.IntroSliderStyles.introScreenNotch}></View>
return (
<Column
testID="sendVcScreen"
fill
backgroundColor={Theme.Colors.lightGreyBackgroundColor}
style={Theme.IntroSliderStyles.secureShareIntroOuterColumn}>
<View
testID="introScreenNotch"
style={Theme.IntroSliderStyles.introScreenNotch}></View>
<Row
align="space-between"
style={{
marginTop: 16,
paddingLeft: 16,
borderBottomWidth: 1,
borderBottomColor: Theme.Colors.lightGreyBackgroundColor,
}}>
<Text testID="introTitle" weight="bold" size="medium">
{t('SendVcScreen:introTitle')}
</Text>
</Row>
<Row style={{paddingHorizontal: 16}}>
<Text
testID="issuerName"
color={Theme.Colors.secondaryText}
size="extraSmall"
weight="bold">
Relying Party
</Text>
</Row>
<Divider width={1}></Divider>
<Column
style={{
padding: 10,
margin: 16,
borderRadius: 8,
justifyContent: 'center',
backgroundColor: '#FFF2D6',
}}>
<Text testID="requestMessage" color="#8B6105" size="small">
{'<Relying Party>'} {t('SendVcScreen:requestMessage')}
{'<Self-Authentication>'}.
</Text>
</Column>
<Text
testID="pleaseSelectAnId"
margin="0 0 8 16"
weight="bold"
size="small"
color={Theme.Colors.textValue}
style={{position: 'relative'}}>
{t('SendVcScreen:pleaseSelectAnId')}
</Text>
<Row align="space-between" style={{paddingHorizontal: 16}}>
<Text testID="cardsSelected" margin={'3 0 10 0'}>
2 {t('SendVPScreen:cardsSelected')}
</Text>
<Text testID="uncheckText" color={Theme.Colors.unCheckText}>
{t('SendVPScreen:unCheck')}
</Text>
</Row>
<Column scroll>
{staticCards.map(card => (
<LinearGradient
key={card.id}
colors={Theme.Colors.GradientColorsLight}
start={Theme.LinearGradientDirection.start}
end={Theme.LinearGradientDirection.end}>
<Row
align="space-between"
style={{
marginTop: 16,
paddingLeft: 16,
borderBottomWidth: 1,
borderBottomColor: Theme.Colors.lightGreyBackgroundColor,
}}>
<Text
testID="introTitle"
weight="bold"
size="small">
{t("SendVcScreen:introTitle")}
</Text>
testID={`cardRow-${card.id}`}
style={{
alignItems: 'center',
padding: 16,
borderBottomWidth: 1,
borderBottomColor: Theme.Colors.lightGreyBackgroundColor,
backgroundColor: card.selected
? Theme.Colors.GradientColorsLight[0]
: Theme.Colors.whiteBackgroundColor,
}}>
<Column style={{marginLeft: 5, flex: 1}}>
<Row crossAlign="center">
<View style={{paddingRight: 10}}>
{card.selected
? SvgImage.CheckedIcon()
: SvgImage.UnCheckedIcon()}
</View>
<Image
testID={`cardFace-${card.id}`}
style={{height: 40, width: 40, marginRight: 10}}
source={card.face}
/>
<Column>
<Text testID={`cardName-${card.id}`} weight="bold">
{card.name}
</Text>
<Text
testID={`cardStatus-${card.id}`}
size="extraSmall"
style={{
color: Theme.Colors.blackIcon,
}}>
{t('VcDetails:' + card.status)}
</Text>
</Column>
</Row>
</Column>
{SvgImage.walletActivatedIcon()}
</Row>
<Row style={{ paddingHorizontal: 16 }}>
<Text
testID="issuerName"
color={Theme.Colors.GrayText}
size="smaller">
Philippines Government
</Text>
</Row>
<Divider width={1}></Divider>
<Column
style={{
padding: 10,
margin: 16,
borderRadius: 8,
justifyContent: 'center',
backgroundColor: '#FFF2D6',
}}>
<Text
testID="requestMessage"
color="#8B6105"
size="small">
{'<Philippines Govt.>'} {t('SendVcScreen:requestMessage')}
{'<Self-Authentication>'}.
</Text>
</Column>
<Text
testID="pleaseSelectAnId"
margin="0 0 8 16"
weight="bold"
size = "small"
color={Theme.Colors.textValue}
style={{ position: 'relative' }}>
{t("SendVcScreen:pleaseSelectAnId")}
</Text>
<Row align="space-between" style={{ paddingHorizontal: 16 }}>
<Text
testID="cardsSelected"
margin={"3 0 10 0"}>
2 {t('SendVPScreen:cardsSelected')}
</Text>
<Text
testID="uncheckText"
color={Theme.Colors.GradientColors[1]}>
{t('SendVPScreen:unCheck')}
</Text>
</Row>
<Column scroll>
{staticCards.map(card => (
<LinearGradient
key={card.id}
colors={Theme.Colors.GradientColorsLight}
start={Theme.LinearGradientDirection.start}
end={Theme.LinearGradientDirection.end}>
<Row
testID={`cardRow-${card.id}`}
style={{
alignItems: 'center',
padding: 16,
borderBottomWidth: 1,
borderBottomColor: Theme.Colors.lightGreyBackgroundColor,
backgroundColor: card.selected
? Theme.Colors.GradientColorsLight[0]
: Theme.Colors.whiteBackgroundColor,
}}>
<Column style={{ marginLeft: 5, flex: 1 }}>
<Row crossAlign="center">
<View style={{ paddingRight: 10 }}>
{card.selected ? SvgImage.CheckedIcon() : SvgImage.UnCheckedIcon()}
</View>
<Image
testID={`cardFace-${card.id}`}
style={{ height: 40, width: 40, marginRight: 10 }}
source={card.face} />
<Column>
<Text
testID={`cardName-${card.id}`}
weight="bold">
{card.name}
</Text>
<Text
testID={`cardStatus-${card.id}`}
size="extraSmall"
style={{
color: Theme.Colors.blackIcon,
}}>
{t("VcDetails:" + card.status)}
</Text>
</Column>
</Row>
</Column>
{SvgImage.walletActivatedIcon()}
</Row>
</LinearGradient>
))}
</Column>
<Column
style={{
padding: 16,
backgroundColor: Theme.Colors.whiteBackgroundColor,
}}>
<Button
testID="shareButton"
type="gradient"
title="Share"
styles={{ marginVertical: 8 }}
onPress={handleShare}
/>
<Button
testID="shareWithSelfieButton"
type="gradient"
title="Share with Selfie"
styles={{ marginVertical: 8 }}
onPress={handleShareWithSelfie}
/>
<Button
testID="rejectButton"
type="clear"
title="Reject"
onPress={handleReject}
/>
</Column>
</Column>
);
</LinearGradient>
))}
</Column>
<Column
style={{
padding: 16,
backgroundColor: Theme.Colors.whiteBackgroundColor,
}}>
<Button
testID="shareButton"
type="gradient"
title="Share"
styles={{marginVertical: 8}}
onPress={handleShare}
/>
<Button
testID="shareWithSelfieButton"
type="gradient"
title="Share with Selfie"
styles={{marginVertical: 8}}
onPress={handleShareWithSelfie}
/>
<Button
testID="rejectButton"
type="clear"
title="Reject"
onPress={handleReject}
/>
</Column>
</Column>
);
};

8
screens/IntroSliders/trustedDigitalWalletIntro.tsx
View File

@@ -17,28 +17,28 @@ export const StaticHomeScreen: React.FC = () => {
name: 'Abigail',
status: 'valid',
pin: false,
face: require('../../assets/faceImage2.png'),
face: require('../../assets/Profile1.png'),
},
{
id: 2,
name: 'Patricia',
status: 'valid',
pin: false,
face: require('../../assets/faceImage1.png'),
face: require('../../assets/Profile2.jpg'),
},
{
id: 3,
name: 'Timara',
status: 'pending',
pin: false,
face: require('../../assets/faceImage2.png'),
face: require('../../assets/Profile3.jpg'),
},
{
id: 4,
name: 'Abishek',
status: 'valid',
pin: false,
face: require('../../assets/faceImage1.png'),
face: require('../../assets/Profile4.png'),
},
];

5
screens/PasscodeScreen.tsx
View File

@@ -81,6 +81,7 @@ export const PasscodeScreen: React.FC<PasscodeRouteProps> = props => {
<Text
testID="setPasscodeHeader"
align="center"
size={'large'}
style={{...Theme.TextStyles.header, paddingTop: 27}}>
{t('header')}
</Text>
@@ -92,6 +93,7 @@ export const PasscodeScreen: React.FC<PasscodeRouteProps> = props => {
marginTop: 6,
marginBottom: Dimensions.get('screen').height * 0.1,
}}
size={'mediumExtraSmall'}
weight="semibold"
color={Theme.Colors.GrayText}>
{controller.toggleUnlock
@@ -110,12 +112,14 @@ export const PasscodeScreen: React.FC<PasscodeRouteProps> = props => {
<Text
testID="confirmPasscodeHeader"
align="center"
size={'large'}
style={{...Theme.TextStyles.header, paddingTop: 27}}>
{t('confirmPasscode')}
</Text>
<Text
testID="confirmPasscodeDescription"
align="center"
size={'mediumExtraSmall'}
style={{
paddingTop: 3,
marginTop: 6,
@@ -149,6 +153,7 @@ export const PasscodeScreen: React.FC<PasscodeRouteProps> = props => {
marginTop: 6,
marginBottom: Dimensions.get('screen').height * 0.1,
}}
size={'large'}
align="center"
weight="semibold"
color={Theme.Colors.GrayText}>

29
screens/Settings/AboutInji.tsx
View File

@@ -137,12 +137,29 @@ export const AboutInji: React.FC<AboutInjiProps> = ({appId}) => {
</Text>
</Row>
<View style={Theme.AboutInjiScreenStyle.horizontalLineStyle} />
<Text
weight="semibold"
style={Theme.AboutInjiScreenStyle.poweredByTextStyle}
color="black">
{t('poweredBy')}
</Text>
<Column
crossAlign="center"
style={Theme.AboutInjiScreenStyle.footerContainer}>
<Row style={Theme.AboutInjiScreenStyle.poweredByRow}>
<View style={Theme.AboutInjiScreenStyle.logoStyle}>
{SvgImage.logoIcon(24, 24)}
</View>
<Text
weight="semibold"
style={Theme.AboutInjiScreenStyle.poweredByTextStyle}
color="black">
{t('poweredBy')}
</Text>
</Row>
<Text
weight="semibold"
style={Theme.AboutInjiScreenStyle.poweredByTextStyle}
color="black">
{t('copyright')}
</Text>
</Column>
</Column>
</Column>
</Modal>

2
screens/SetupLanguageScreen.tsx
View File

@@ -45,6 +45,7 @@ export const SetupLanguageScreen: React.FC<RootRouteProps> = props => {
testID="chooseLanguage"
style={{paddingTop: 3}}
margin="10 0 10 0"
size="large"
weight="semibold">
{t('header')}
</Text>
@@ -52,6 +53,7 @@ export const SetupLanguageScreen: React.FC<RootRouteProps> = props => {
weight="semibold"
style={{paddingTop: 3}}
align="center"
size="mediumSmall"
color={Theme.Colors.GrayText}>
{t('description')}
</Text>

18
shared/hooks/useFont.ts
View File

@@ -1,17 +1,17 @@
import {
Inter_400Regular,
Inter_500Medium,
Inter_600SemiBold,
Inter_700Bold,
Montserrat_400Regular,
Montserrat_500Medium,
Montserrat_600SemiBold,
Montserrat_700Bold,
useFonts,
} from '@expo-google-fonts/inter';
} from '@expo-google-fonts/montserrat';
export function useFont() {
const [hasFontsLoaded] = useFonts({
Inter_400Regular,
Inter_500Medium,
Inter_600SemiBold,
Inter_700Bold,
Montserrat_400Regular,
Montserrat_500Medium,
Montserrat_600SemiBold,
Montserrat_700Bold,
});
return hasFontsLoaded;