summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAnike Arni <anikarni@gmail.com>2017-03-28 18:06:21 -0300
committerGitHub <noreply@github.com>2017-03-28 18:06:21 -0300
commit9f0b66ae8fa5daac158f7c74919c0636882a550f (patch)
tree19b0142ab4b11f3b9c26ebef61a4b9a6f23f7924
parent444b39959ad1c34fb9eb91def835d9e695710374 (diff)
parentd133b2876e49bdb285c8e8f1bdf64502d8bf9a02 (diff)
Merge pull request #1030 from pixelated/forgot-password-page
Add user code and password steps to recovery flow
Diffstat
-rw-r--r--web-ui/app/images/account-recovery/step_1.svg52
-rw-r--r--web-ui/app/images/account-recovery/step_2.svg53
-rw-r--r--web-ui/app/images/account-recovery/step_3.svg53
-rw-r--r--web-ui/app/images/account-recovery/step_4.svg52
-rw-r--r--web-ui/app/locales/en_US/translation.json14
-rw-r--r--web-ui/src/account_recovery/forms/admin_recovery_code_form.js8
-rw-r--r--web-ui/src/account_recovery/forms/admin_recovery_code_form.scss0
-rw-r--r--web-ui/src/account_recovery/forms/forms.scss20
-rw-r--r--web-ui/src/account_recovery/forms/new_password_form.js42
-rw-r--r--web-ui/src/account_recovery/forms/new_password_form.spec.js31
-rw-r--r--web-ui/src/account_recovery/forms/user_recovery_code_form.js20
-rw-r--r--web-ui/src/account_recovery/forms/user_recovery_code_form.spec.js21
-rw-r--r--web-ui/src/account_recovery/page.js4
-rw-r--r--web-ui/src/account_recovery/page.spec.js13
-rw-r--r--web-ui/test/integration/translations.spec.js8
15 files changed, 383 insertions, 8 deletions
diff --git a/web-ui/app/images/account-recovery/step_1.svg b/web-ui/app/images/account-recovery/step_1.svg
new file mode 100644
index 00000000..a3e73b94
--- /dev/null
+++ b/web-ui/app/images/account-recovery/step_1.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="295px" height="38px" viewBox="0 0 295 38" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+ <title>Group 5</title>
+ <desc>Created with Sketch.</desc>
+ <defs></defs>
+ <g id="Account-Recovery-MVP" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+ <g id="01-m_Forgot_Password" transform="translate(-40.000000, -96.000000)">
+ <g id="Group-5" transform="translate(40.000000, 96.000000)">
+ <rect id="Rectangle-15-Copy-7" fill="#4EADC3" x="19" y="18" width="100" height="2"></rect>
+ <rect id="Rectangle-15-Copy-4" fill="#D4D4D4" x="111" y="18" width="180" height="2"></rect>
+ <g id="Group-3-Copy-2" transform="translate(97.666667, 6.000000)">
+ <ellipse id="Oval-6-Copy-2" fill="#D4D4D4" transform="translate(13.000000, 13.000000) rotate(-270.000000) translate(-13.000000, -13.000000) " cx="13" cy="13" rx="13" ry="13"></ellipse>
+ <g id="Group" transform="translate(5.958333, 8.125000)" fill="#FFFFFF">
+ <path d="M12.4751456,7.26752805 C12.6402178,7.35961788 12.6674172,7.49681293 12.5576817,7.6800529 C12.502345,7.77214273 12.4198089,7.81818765 12.3100734,7.81818765 C12.2734949,7.81818765 12.2181582,7.79939381 12.1450012,7.76274581 L9.50759726,6.00082303 C9.34252504,5.90967289 9.31532564,5.77153815 9.42506115,5.58829818 C9.51697637,5.42291236 9.65391128,5.39566129 9.8368038,5.50560527 L12.4751456,7.26752805 Z M7.03432766,6.3870365 L1.89645474,3.05582783 C1.73138251,2.94494416 1.70418311,2.81714603 1.81391863,2.66961436 C1.92365414,2.48637439 2.05120994,2.4497264 2.19846187,2.55967038 L7.03432766,5.69824216 L11.8701934,2.55967038 C12.0174454,2.4497264 12.1450012,2.48637439 12.2556746,2.66961436 C12.3654101,2.81714603 12.3382107,2.94494416 12.1731385,3.05582783 L7.03432766,6.3870365 Z M4.64359416,5.58829818 C4.75426759,5.77153815 4.72613028,5.90967289 4.56105805,6.00082303 L1.92365414,7.76274581 C1.85049713,7.79939381 1.79516042,7.81818765 1.75858191,7.81818765 C1.6488464,7.81818765 1.56631029,7.77214273 1.51191149,7.6800529 C1.40123807,7.49681293 1.42937538,7.35961788 1.59350969,7.26752805 L4.23185152,5.50560527 C4.41474404,5.39566129 4.55167895,5.42291236 4.64359416,5.58829818 L4.64359416,5.58829818 Z M13.4918404,1.3484072 C13.4918404,1.18302138 13.4327521,1.04582632 13.3136375,0.935882342 C13.193585,0.825938361 13.0519605,0.770496524 12.8868883,0.770496524 L1.18176705,0.770496524 C1.01669482,0.770496524 0.875070361,0.825938361 0.755955746,0.935882342 C0.63590322,1.04582632 0.576814868,1.18302138 0.576814868,1.3484072 L0.576814868,8.39609832 C0.576814868,8.56148414 0.63590322,8.69867919 0.755955746,8.80956287 C0.875070361,8.91950685 1.01669482,8.97400899 1.18176705,8.97400899 L12.8868883,8.97400899 C13.0519605,8.97400899 13.193585,8.91950685 13.3136375,8.80956287 C13.4327521,8.69867919 13.4918404,8.56148414 13.4918404,8.39609832 L13.4918404,1.3484072 Z M13.7253801,0.509262106 C13.9542303,0.738546991 14.0686553,1.01857525 14.0686553,1.3484072 L14.0686553,8.39609832 C14.0686553,8.72686996 13.9542303,9.00689822 13.7253801,9.2361831 C13.4955921,9.46546799 13.2170327,9.58011043 12.8868883,9.58011043 L1.18176705,9.58011043 C0.851622602,9.58011043 0.573063227,9.46546799 0.34327519,9.2361831 C0.114425063,9.00689822 0,8.72686996 0,8.39609832 L0,1.3484072 C0,1.01857525 0.114425063,0.738546991 0.34327519,0.509262106 C0.573063227,0.27903753 0.851622602,0.164395087 1.18176705,0.164395087 L12.8868883,0.164395087 C13.2170327,0.164395087 13.4955921,0.27903753 13.7253801,0.509262106 L13.7253801,0.509262106 Z" id="Fill-1"></path>
+ </g>
+ </g>
+ <g id="Group-6-Copy" transform="translate(183.333333, 6.000000)">
+ <g id="Group-4" fill="#D4D4D4">
+ <ellipse id="Oval-6-Copy-3" transform="translate(13.000000, 13.000000) rotate(-270.000000) translate(-13.000000, -13.000000) " cx="13" cy="13" rx="13" ry="13"></ellipse>
+ </g>
+ <g id="Group-5-Copy-3" transform="translate(3.791667, 9.208333)" fill="#FFFFFF">
+ <g id="Group-15" transform="translate(0.000000, 0.044106)" fill-rule="nonzero">
+ <path d="M0.541666667,0.908390422 L0.541666667,7.21660958 C0.541666667,7.42046561 0.706084452,7.58333333 0.914399823,7.58333333 L18.0439335,7.58333333 C18.2532036,7.58333333 18.4166667,7.42037231 18.4166667,7.21660958 L18.4166667,0.908390422 C18.4166667,0.704534391 18.2522489,0.541666667 18.0439335,0.541666667 L0.914399823,0.541666667 C0.705129753,0.541666667 0.541666667,0.704627685 0.541666667,0.908390422 Z M0,0.908390422 C0,0.406700245 0.404742514,0 0.914399823,0 L18.0439335,0 C18.5489426,0 18.9583333,0.402920013 18.9583333,0.908390422 L18.9583333,7.21660958 C18.9583333,7.71829975 18.5535908,8.125 18.0439335,8.125 L0.914399823,8.125 C0.409390745,8.125 0,7.72207999 0,7.21660958 L0,0.908390422 Z" id="Rectangle-10"></path>
+ </g>
+ <ellipse id="Oval-5" cx="4.17600458" cy="4.03384483" rx="1.12325506" ry="1.10284184"></ellipse>
+ <ellipse id="Oval-5-Copy" cx="7.77042077" cy="4.03384483" rx="1.12325506" ry="1.10284184"></ellipse>
+ <ellipse id="Oval-5-Copy-2" cx="11.364837" cy="4.03384483" rx="1.12325506" ry="1.10284184"></ellipse>
+ <ellipse id="Oval-5-Copy-3" cx="14.9592531" cy="4.03384483" rx="1.12325506" ry="1.10284184"></ellipse>
+ </g>
+ </g>
+ <g id="Group-7-Copy-2" transform="translate(269.000000, 6.000000)">
+ <ellipse id="Oval-6-Copy-5" fill="#D4D4D4" transform="translate(13.000000, 13.000000) rotate(-270.000000) translate(-13.000000, -13.000000) " cx="13" cy="13" rx="13" ry="13"></ellipse>
+ <g id="Group-29" transform="translate(2.166667, 8.666667)" fill="#FFFFFF">
+ <g id="Group" transform="translate(3.655371, 4.373733) rotate(-270.000000) translate(-3.655371, -4.373733) translate(0.134537, 0.852900)" fill-rule="nonzero">
+ <path d="M3.55327323,6.86597405 L3.55327323,1.1921229 C3.55327323,1.04254578 3.43201702,0.921289568 3.2824399,0.921289568 C3.13286278,0.921289568 3.01160657,1.04254578 3.01160657,1.1921229 L3.01160657,6.86597405 C3.01160657,7.01555117 3.13286278,7.13680739 3.2824399,7.13680739 C3.43201702,7.13680739 3.55327323,7.01555117 3.55327323,6.86597405 Z" id="Line-Copy-13"></path>
+ <path d="M0.637125643,3.53911437 L0.637125643,0.256948898 C0.637125643,0.107371779 0.515869429,-0.0138844349 0.36629231,-0.0138844349 C0.21671519,-0.0138844349 0.0954589763,0.107371779 0.0954589763,0.256948898 L0.0954589763,3.53911437 C0.0954589763,3.68869149 0.21671519,3.8099477 0.36629231,3.8099477 C0.515869429,3.8099477 0.637125643,3.68869149 0.637125643,3.53911437 Z" id="Line-Copy-12"></path>
+ <path d="M6.59620985,3.53911437 L6.59620985,0.256948898 C6.59620985,0.107371779 6.47495364,-0.0138844349 6.32537652,-0.0138844349 C6.1757994,-0.0138844349 6.05454319,0.107371779 6.05454319,0.256948898 L6.05454319,3.53911437 C6.05454319,3.68869149 6.1757994,3.8099477 6.32537652,3.8099477 C6.47495364,3.8099477 6.59620985,3.68869149 6.59620985,3.53911437 Z" id="Line-Copy-14"></path>
+ </g>
+ <g id="Group-17" transform="translate(7.286933, 0.155729)">
+ <path d="M10.8195499,6.03227517 C10.9593721,6.11020439 10.982411,6.22630303 10.889461,6.38136628 C10.8425888,6.4592955 10.7726777,6.49826011 10.6797277,6.49826011 C10.6487444,6.49826011 10.6018721,6.48235619 10.5399055,6.45134354 L8.3059277,4.96035076 C8.16610547,4.88321673 8.14306658,4.7663229 8.23601658,4.61125965 C8.31387214,4.47130513 8.42986103,4.44824444 8.5847777,4.54128239 L10.8195499,6.03227517 Z M6.2109777,5.28717638 L1.85901103,2.46820603 C1.71918881,2.37437288 1.69614992,2.26622621 1.78909992,2.14138041 C1.88204992,1.98631716 1.99009436,1.95530451 2.11482214,2.04834246 L6.2109777,4.7042976 L10.3071333,2.04834246 C10.431861,1.95530451 10.5399055,1.98631716 10.6336499,2.14138041 C10.7265999,2.26622621 10.703561,2.37437288 10.5637388,2.46820603 M4.18593881,4.61125965 C4.27968325,4.7663229 4.25584992,4.88321673 4.1160277,4.96035076 L1.88204992,6.45134354 C1.82008325,6.48235619 1.77321103,6.49826011 1.7422277,6.49826011 C1.6492777,6.49826011 1.57936658,6.4592955 1.53328881,6.38136628 C1.43954436,6.22630303 1.4633777,6.11020439 1.60240547,6.03227517 L3.8371777,4.54128239 C3.99209436,4.44824444 4.10808325,4.47130513 4.18593881,4.61125965 L4.18593881,4.61125965 Z M11.6807277,1.02333463 C11.6807277,0.883380105 11.6306777,0.767281468 11.5297833,0.674243518 C11.4280944,0.581205569 11.3081333,0.534288996 11.168311,0.534288996 L1.25364436,0.534288996 C1.11382214,0.534288996 0.993861029,0.581205569 0.892966585,0.674243518 C0.791277696,0.767281468 0.741227696,0.883380105 0.741227696,1.02333463 L0.741227696,6.98730574 C0.741227696,7.12726026 0.791277696,7.2433589 0.892966585,7.33719205 C0.993861029,7.43023 1.11382214,7.47635137 1.25364436,7.47635137 L11.168311,7.47635137 C11.3081333,7.47635137 11.4280944,7.43023 11.5297833,7.33719205 C11.6306777,7.2433589 11.6807277,7.12726026 11.6807277,6.98730574 L11.6807277,1.02333463 Z M11.8785444,0.313224467 C12.0723888,0.507252327 12.169311,0.744220779 12.169311,1.02333463 L12.169311,6.98730574 C12.169311,7.26721479 12.0723888,7.50418324 11.8785444,7.6982111 C11.6839055,7.89223896 11.4479555,7.98925289 11.168311,7.98925289 L1.25364436,7.98925289 C0.973999918,7.98925289 0.738049918,7.89223896 0.543411029,7.6982111 C0.349566585,7.50418324 0.252644362,7.26721479 0.252644362,6.98730574 L0.252644362,1.02333463 C0.252644362,0.744220779 0.349566585,0.507252327 0.543411029,0.313224467 C0.738049918,0.118401411 0.973999918,0.0213874804 1.25364436,0.0213874804 L11.168311,0.0213874804 C11.4479555,0.0213874804 11.6839055,0.118401411 11.8785444,0.313224467" id="Fill-1"></path>
+ </g>
+ </g>
+ </g>
+ <g id="Group-2">
+ <circle id="Oval-6-Copy-4" fill="#3CAAC3" transform="translate(19.000000, 19.000000) rotate(-270.000000) translate(-19.000000, -19.000000) " cx="19" cy="19" r="19"></circle>
+ <path d="M29,17.5860465 C29,19.297683 28.4062559,20.7860402 27.21875,22.0511628 C26.2291617,23.1922538 25.3138063,24.643402 24.4726563,26.4046512 C24.2747386,26.8015524 24.1139329,27 23.9902344,27 C23.9654947,27 23.9407553,26.987597 23.9160156,26.9627907 L23.8789063,26.9627907 C23.730468,26.913178 23.6500652,26.8201557 23.6376953,26.6837209 C23.6253255,26.5472861 23.6562496,26.3054281 23.7304688,25.9581395 C23.8046879,25.5860447 23.7304699,25.2511643 23.5078125,24.9534884 C23.1119772,24.4077492 22.4811241,24.1348837 21.6152344,24.1348837 L16.53125,24.1348837 C14.7252514,24.1348837 13.1852277,23.4961304 11.9111328,22.2186047 C10.6370379,20.9410789 10,19.3969083 10,17.5860465 C10,15.7255721 10.6432227,14.1752 11.9296875,12.9348837 C13.2161523,11.6449548 14.7499911,11 16.53125,11 L22.46875,11 C24.2747486,11 25.8147723,11.6449548 27.0888672,12.9348837 C28.3629621,14.2248127 29,15.7751847 29,17.5860465 Z M24.3613281,25.1395349 C24.9550811,23.9736376 25.7096308,22.8449667 26.625,21.7534884 L26.5878906,21.7534884 C27.7506569,20.5875911 28.3320313,19.1984577 28.3320313,17.5860465 C28.3320313,15.948829 27.7568417,14.5534941 26.6064453,13.4 C25.4560489,12.2465059 24.076831,11.6697674 22.46875,11.6697674 L16.53125,11.6697674 C14.923169,11.6697674 13.5377662,12.2527073 12.375,13.4186047 C11.2369735,14.6093083 10.6679688,15.9984417 10.6679688,17.5860465 C10.6679688,19.1984577 11.2431583,20.5813896 12.3935547,21.7348837 C13.5439511,22.8883779 14.923169,23.4651163 16.53125,23.4651163 L21.6894531,23.4651163 C21.9368502,23.4651163 22.3203099,23.5519371 22.8398438,23.7255814 C23.3593776,23.8992257 23.7675766,24.1720912 24.0644531,24.544186 C24.2128914,24.7922493 24.3118487,24.9906969 24.3613281,25.1395349 Z M14.9726563,16.0604651 C15.417971,16.0604651 15.8014307,16.2217038 16.1230469,16.544186 C16.4446631,16.8666683 16.6054688,17.2511606 16.6054688,17.6976744 C16.6054688,18.1441883 16.4446631,18.5224791 16.1230469,18.8325581 C15.8014307,19.1426372 15.417971,19.2976744 14.9726563,19.2976744 C14.5273415,19.2976744 14.1438818,19.1426372 13.8222656,18.8325581 C13.5006494,18.5224791 13.3398438,18.1441883 13.3398438,17.6976744 C13.3398438,17.2511606 13.5006494,16.8666683 13.8222656,16.544186 C14.1438818,16.2217038 14.5273415,16.0604651 14.9726563,16.0604651 Z M14.9726563,18.627907 C15.244793,18.627907 15.4736319,18.5348847 15.6591797,18.3488372 C15.8447275,18.1627898 15.9375,17.9457377 15.9375,17.6976744 C15.9375,17.4248048 15.8385427,17.1953498 15.640625,17.0093023 C15.4427073,16.8232549 15.2200533,16.7302326 14.9726563,16.7302326 C14.7252592,16.7302326 14.5026052,16.8232549 14.3046875,17.0093023 C14.1067698,17.1953498 14.0078125,17.4248048 14.0078125,17.6976744 C14.0078125,17.9457377 14.100585,18.1627898 14.2861328,18.3488372 C14.4716806,18.5348847 14.7005195,18.627907 14.9726563,18.627907 Z M19.1660156,15.9860465 C19.6113304,15.9860465 19.9947901,16.1472852 20.3164062,16.4697674 C20.6380224,16.7922497 20.7988281,17.176742 20.7988281,17.6232558 C20.7988281,18.0697697 20.6380224,18.454262 20.3164062,18.7767442 C19.9947901,19.0992264 19.6113304,19.2604651 19.1660156,19.2604651 C18.7207009,19.2604651 18.3372412,19.0992264 18.015625,18.7767442 C17.6940088,18.454262 17.5332031,18.0697697 17.5332031,17.6232558 C17.5332031,17.176742 17.6940088,16.7922497 18.015625,16.4697674 C18.3372412,16.1472852 18.7207009,15.9860465 19.1660156,15.9860465 Z M19.1660156,18.5906977 C19.4381524,18.5906977 19.6669913,18.4976753 19.8525391,18.3116279 C20.0380869,18.1255805 20.1308594,17.8961254 20.1308594,17.6232558 C20.1308594,17.3751926 20.0380869,17.1581405 19.8525391,16.972093 C19.6669913,16.7860456 19.4381524,16.6930233 19.1660156,16.6930233 C18.8938788,16.6930233 18.66504,16.7860456 18.4794922,16.972093 C18.2939444,17.1581405 18.2011719,17.3751926 18.2011719,17.6232558 C18.2011719,17.8961254 18.2939444,18.1255805 18.4794922,18.3116279 C18.66504,18.4976753 18.8938788,18.5906977 19.1660156,18.5906977 Z M23.3964844,16.0604651 C23.8417991,16.0604651 24.2252588,16.2217038 24.546875,16.544186 C24.8684912,16.8666683 25.0292969,17.2511606 25.0292969,17.6976744 C25.0292969,18.1441883 24.8684912,18.5224791 24.546875,18.8325581 C24.2252588,19.1426372 23.8417991,19.2976744 23.3964844,19.2976744 C22.9511696,19.2976744 22.5738948,19.1426372 22.2646484,18.8325581 C21.9554021,18.5224791 21.8007813,18.1441883 21.8007813,17.6976744 C21.8007813,17.2511606 21.9554021,16.8666683 22.2646484,16.544186 C22.5738948,16.2217038 22.9511696,16.0604651 23.3964844,16.0604651 Z M23.3964844,18.627907 C23.6686212,18.627907 23.89746,18.5348847 24.0830078,18.3488372 C24.2685556,18.1627898 24.3613281,17.9457377 24.3613281,17.6976744 C24.3613281,17.4248048 24.2685556,17.1953498 24.0830078,17.0093023 C23.89746,16.8232549 23.6686212,16.7302326 23.3964844,16.7302326 C23.1490873,16.7302326 22.9326181,16.8232549 22.7470703,17.0093023 C22.5615225,17.1953498 22.46875,17.4248048 22.46875,17.6976744 C22.46875,17.970544 22.5553377,18.1937976 22.7285156,18.3674419 C22.9016936,18.5410861 23.1243476,18.627907 23.3964844,18.627907 Z" id="6-copy-4" fill="#FFFFFF" transform="translate(19.500000, 19.000000) scale(-1, 1) translate(-19.500000, -19.000000) "></path>
+ </g>
+ </g>
+ </g>
+ </g>
+</svg> \ No newline at end of file
diff --git a/web-ui/app/images/account-recovery/step_2.svg b/web-ui/app/images/account-recovery/step_2.svg
new file mode 100644
index 00000000..c977aa66
--- /dev/null
+++ b/web-ui/app/images/account-recovery/step_2.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="297px" height="38px" viewBox="0 0 297 38" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+ <title>Group 5</title>
+ <desc>Created with Sketch.</desc>
+ <defs></defs>
+ <g id="Account-Recovery-MVP" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+ <g id="02-m_Forgot_Password-" transform="translate(-40.000000, -98.000000)">
+ <g id="Group-5" transform="translate(40.000000, 98.000000)">
+ <path d="M25,17.296875 C25,19.4531358 24.2500075,21.328117 22.75,22.921875 C21.4999938,24.3593822 20.3437553,26.1874889 19.28125,28.40625 C19.0312488,28.9062525 18.8281258,29.15625 18.671875,29.15625 C18.6406248,29.15625 18.6093752,29.1406252 18.578125,29.109375 L18.53125,29.109375 C18.3437491,29.0468747 18.2421876,28.9296884 18.2265625,28.7578125 C18.2109374,28.5859366 18.2499995,28.2812522 18.34375,27.84375 C18.4375005,27.3749977 18.3437514,26.9531269 18.0625,26.578125 C17.5624975,25.8906216 16.7656305,25.546875 15.671875,25.546875 L9.25,25.546875 C6.96873859,25.546875 5.02344555,24.7421955 3.4140625,23.1328125 C1.80467945,21.5234295 1,19.5781364 1,17.296875 C1,14.9531133 1.81249188,13.0000078 3.4375,11.4375 C5.06250813,9.81249187 6.99998875,9 9.25,9 L16.75,9 C19.0312614,9 20.9765545,9.81249187 22.5859375,11.4375 C24.1953205,13.0625081 25,15.0156136 25,17.296875 Z M19.140625,26.8125 C19.8906288,25.3437427 20.8437442,23.9218819 22,22.546875 L21.953125,22.546875 C23.4218823,21.0781177 24.15625,19.3281352 24.15625,17.296875 C24.15625,15.2343647 23.4296948,13.4765698 21.9765625,12.0234375 C20.5234302,10.5703052 18.7812602,9.84375 16.75,9.84375 L9.25,9.84375 C7.21873984,9.84375 5.46875734,10.5781177 4,12.046875 C2.56249281,13.5468825 1.84375,15.296865 1.84375,17.296875 C1.84375,19.3281352 2.57030523,21.0703052 4.0234375,22.5234375 C5.47656977,23.9765698 7.21873984,24.703125 9.25,24.703125 L15.765625,24.703125 C16.0781266,24.703125 16.5624967,24.8124989 17.21875,25.03125 C17.8750033,25.2500011 18.3906231,25.5937477 18.765625,26.0625 C18.9531259,26.3750016 19.0781247,26.6249991 19.140625,26.8125 Z M7.28125,15.375 C7.84375281,15.375 8.32812297,15.578123 8.734375,15.984375 C9.14062703,16.390627 9.34375,16.8749972 9.34375,17.4375 C9.34375,18.0000028 9.14062703,18.4765605 8.734375,18.8671875 C8.32812297,19.2578145 7.84375281,19.453125 7.28125,19.453125 C6.71874719,19.453125 6.23437703,19.2578145 5.828125,18.8671875 C5.42187297,18.4765605 5.21875,18.0000028 5.21875,17.4375 C5.21875,16.8749972 5.42187297,16.390627 5.828125,15.984375 C6.23437703,15.578123 6.71874719,15.375 7.28125,15.375 Z M7.28125,18.609375 C7.62500172,18.609375 7.91406133,18.4921887 8.1484375,18.2578125 C8.38281367,18.0234363 8.5,17.7500016 8.5,17.4375 C8.5,17.0937483 8.37500125,16.8046887 8.125,16.5703125 C7.87499875,16.3359363 7.59375156,16.21875 7.28125,16.21875 C6.96874844,16.21875 6.68750125,16.3359363 6.4375,16.5703125 C6.18749875,16.8046887 6.0625,17.0937483 6.0625,17.4375 C6.0625,17.7500016 6.17968633,18.0234363 6.4140625,18.2578125 C6.64843867,18.4921887 6.93749828,18.609375 7.28125,18.609375 Z M12.578125,15.28125 C13.1406278,15.28125 13.624998,15.484373 14.03125,15.890625 C14.437502,16.296877 14.640625,16.7812472 14.640625,17.34375 C14.640625,17.9062528 14.437502,18.390623 14.03125,18.796875 C13.624998,19.203127 13.1406278,19.40625 12.578125,19.40625 C12.0156222,19.40625 11.531252,19.203127 11.125,18.796875 C10.718748,18.390623 10.515625,17.9062528 10.515625,17.34375 C10.515625,16.7812472 10.718748,16.296877 11.125,15.890625 C11.531252,15.484373 12.0156222,15.28125 12.578125,15.28125 Z M12.578125,18.5625 C12.9218767,18.5625 13.2109363,18.4453137 13.4453125,18.2109375 C13.6796887,17.9765613 13.796875,17.6875017 13.796875,17.34375 C13.796875,17.0312484 13.6796887,16.7578137 13.4453125,16.5234375 C13.2109363,16.2890613 12.9218767,16.171875 12.578125,16.171875 C12.2343733,16.171875 11.9453137,16.2890613 11.7109375,16.5234375 C11.4765613,16.7578137 11.359375,17.0312484 11.359375,17.34375 C11.359375,17.6875017 11.4765613,17.9765613 11.7109375,18.2109375 C11.9453137,18.4453137 12.2343733,18.5625 12.578125,18.5625 Z M17.921875,15.375 C18.4843778,15.375 18.968748,15.578123 19.375,15.984375 C19.781252,16.390627 19.984375,16.8749972 19.984375,17.4375 C19.984375,18.0000028 19.781252,18.4765605 19.375,18.8671875 C18.968748,19.2578145 18.4843778,19.453125 17.921875,19.453125 C17.3593722,19.453125 16.8828145,19.2578145 16.4921875,18.8671875 C16.1015605,18.4765605 15.90625,18.0000028 15.90625,17.4375 C15.90625,16.8749972 16.1015605,16.390627 16.4921875,15.984375 C16.8828145,15.578123 17.3593722,15.375 17.921875,15.375 Z M17.921875,18.609375 C18.2656267,18.609375 18.5546863,18.4921887 18.7890625,18.2578125 C19.0234387,18.0234363 19.140625,17.7500016 19.140625,17.4375 C19.140625,17.0937483 19.0234387,16.8046887 18.7890625,16.5703125 C18.5546863,16.3359363 18.2656267,16.21875 17.921875,16.21875 C17.6093734,16.21875 17.3359387,16.3359363 17.1015625,16.5703125 C16.8671863,16.8046887 16.75,17.0937483 16.75,17.4375 C16.75,17.7812517 16.8593739,18.0624989 17.078125,18.28125 C17.2968761,18.5000011 17.5781233,18.609375 17.921875,18.609375 Z" id="6-copy-4" fill="#FFFFFF" transform="translate(13.000000, 19.078125) scale(-1, 1) translate(-13.000000, -19.078125) "></path>
+ <rect id="Rectangle-15-Copy-8" fill="#4EADC3" x="13" y="18" width="100" height="2"></rect>
+ <rect id="Rectangle-15-Copy-5" fill="#D4D4D4" x="114" y="18" width="170" height="2"></rect>
+ <g id="Group-2-Copy" transform="translate(0.000000, 6.000000)">
+ <circle id="Oval-6-Copy-2" fill="#3DABC4" transform="translate(13.000000, 13.000000) rotate(-270.000000) translate(-13.000000, -13.000000) " cx="13" cy="13" r="13"></circle>
+ <path d="M19.5,12.077474 C19.5,13.2454485 19.0937541,14.2610634 18.28125,15.124349 C17.6041633,15.9029987 16.9778675,16.8932232 16.4023437,18.0950521 C16.2669264,18.3658868 16.1569015,18.5013021 16.0722656,18.5013021 C16.0553385,18.5013021 16.0384115,18.4928386 16.0214844,18.4759115 L15.9960937,18.4759115 C15.8945307,18.4420571 15.8395183,18.3785812 15.8310547,18.2854818 C15.8225911,18.1923823 15.8437497,18.0273449 15.8945312,17.7903646 C15.9453128,17.5364571 15.894532,17.3079437 15.7421875,17.1048177 C15.4713528,16.73242 15.0397165,16.546224 14.4472656,16.546224 L10.96875,16.546224 C9.73306674,16.546224 8.67936634,16.1103559 7.80761719,15.2386068 C6.93586804,14.3668576 6.5,13.3131572 6.5,12.077474 C6.5,10.8079364 6.94009977,9.75000423 7.8203125,8.90364583 C8.70052523,8.0234331 9.74999391,7.58333333 10.96875,7.58333333 L15.03125,7.58333333 C16.2669333,7.58333333 17.3206337,8.0234331 18.1923828,8.90364583 C19.064132,9.78385857 19.5,10.8417907 19.5,12.077474 Z M16.3261719,17.2317708 C16.7324239,16.4361939 17.2486948,15.6660193 17.875,14.921224 L17.8496094,14.921224 C18.6451863,14.1256471 19.0429687,13.1777399 19.0429687,12.077474 C19.0429687,10.9602809 18.649418,10.008142 17.8623047,9.22102865 C17.0751914,8.43391534 16.1315159,8.04036458 15.03125,8.04036458 L10.96875,8.04036458 C9.86848408,8.04036458 8.92057689,8.43814706 8.125,9.23372396 C7.34635027,10.046228 6.95703125,10.9941352 6.95703125,12.077474 C6.95703125,13.1777399 7.350582,14.1214153 8.13769531,14.9085286 C8.92480862,15.695642 9.86848408,16.0891927 10.96875,16.0891927 L14.4980469,16.0891927 C14.6673186,16.0891927 14.9296857,16.1484369 15.2851562,16.2669271 C15.6406268,16.3854173 15.9199209,16.5716133 16.1230469,16.8255208 C16.2246099,16.9947925 16.2923175,17.1302078 16.3261719,17.2317708 Z M9.90234375,11.0364583 C10.2070328,11.0364583 10.4693999,11.1464833 10.6894531,11.3665365 C10.9095063,11.5865896 11.0195312,11.8489568 11.0195312,12.1536458 C11.0195312,12.4583349 10.9095063,12.7164703 10.6894531,12.9280599 C10.4693999,13.1396495 10.2070328,13.2454427 9.90234375,13.2454427 C9.59765473,13.2454427 9.33528756,13.1396495 9.11523437,12.9280599 C8.89518119,12.7164703 8.78515625,12.4583349 8.78515625,12.1536458 C8.78515625,11.8489568 8.89518119,11.5865896 9.11523437,11.3665365 C9.33528756,11.1464833 9.59765473,11.0364583 9.90234375,11.0364583 Z M9.90234375,12.7884115 C10.0885426,12.7884115 10.2451166,12.7249355 10.3720703,12.5979818 C10.4990241,12.471028 10.5625,12.3229175 10.5625,12.1536458 C10.5625,11.967447 10.4947923,11.810873 10.359375,11.6839193 C10.2239577,11.5569655 10.0716154,11.4934896 9.90234375,11.4934896 C9.73307207,11.4934896 9.58072984,11.5569655 9.4453125,11.6839193 C9.30989516,11.810873 9.2421875,11.967447 9.2421875,12.1536458 C9.2421875,12.3229175 9.30566343,12.471028 9.43261719,12.5979818 C9.55957095,12.7249355 9.7161449,12.7884115 9.90234375,12.7884115 Z M12.7714844,10.9856771 C13.0761734,10.9856771 13.3385406,11.095702 13.5585937,11.3157552 C13.7786469,11.5358084 13.8886719,11.7981756 13.8886719,12.1028646 C13.8886719,12.4075536 13.7786469,12.6699208 13.5585937,12.889974 C13.3385406,13.1100271 13.0761734,13.2200521 12.7714844,13.2200521 C12.4667954,13.2200521 12.2044282,13.1100271 11.984375,12.889974 C11.7643218,12.6699208 11.6542969,12.4075536 11.6542969,12.1028646 C11.6542969,11.7981756 11.7643218,11.5358084 11.984375,11.3157552 C12.2044282,11.095702 12.4667954,10.9856771 12.7714844,10.9856771 Z M12.7714844,12.7630208 C12.9576832,12.7630208 13.1142572,12.6995449 13.2412109,12.5725911 C13.3681647,12.4456374 13.4316406,12.2890634 13.4316406,12.1028646 C13.4316406,11.9335929 13.3681647,11.7854824 13.2412109,11.6585286 C13.1142572,11.5315749 12.9576832,11.468099 12.7714844,11.468099 C12.5852855,11.468099 12.4287116,11.5315749 12.3017578,11.6585286 C12.1748041,11.7854824 12.1113281,11.9335929 12.1113281,12.1028646 C12.1113281,12.2890634 12.1748041,12.4456374 12.3017578,12.5725911 C12.4287116,12.6995449 12.5852855,12.7630208 12.7714844,12.7630208 Z M15.6660156,11.0364583 C15.9707046,11.0364583 16.2330718,11.1464833 16.453125,11.3665365 C16.6731782,11.5865896 16.7832031,11.8489568 16.7832031,12.1536458 C16.7832031,12.4583349 16.6731782,12.7164703 16.453125,12.9280599 C16.2330718,13.1396495 15.9707046,13.2454427 15.6660156,13.2454427 C15.3613266,13.2454427 15.1031912,13.1396495 14.8916016,12.9280599 C14.680012,12.7164703 14.5742187,12.4583349 14.5742187,12.1536458 C14.5742187,11.8489568 14.680012,11.5865896 14.8916016,11.3665365 C15.1031912,11.1464833 15.3613266,11.0364583 15.6660156,11.0364583 Z M15.6660156,12.7884115 C15.8522145,12.7884115 16.0087884,12.7249355 16.1357422,12.5979818 C16.2626959,12.471028 16.3261719,12.3229175 16.3261719,12.1536458 C16.3261719,11.967447 16.2626959,11.810873 16.1357422,11.6839193 C16.0087884,11.5569655 15.8522145,11.4934896 15.6660156,11.4934896 C15.4967439,11.4934896 15.3486334,11.5569655 15.2216797,11.6839193 C15.0947259,11.810873 15.03125,11.967447 15.03125,12.1536458 C15.03125,12.3398447 15.0904942,12.4921869 15.2089844,12.6106771 C15.3274746,12.7291673 15.4798168,12.7884115 15.6660156,12.7884115 Z" id="6-copy-3" fill="#FFFFFF" transform="translate(13.000000, 13.042318) scale(-1, 1) translate(-13.000000, -13.042318) "></path>
+ </g>
+ <g id="Group-2" transform="translate(86.333333, 0.000000)">
+ <ellipse id="Oval-6-Copy-4" fill="#4EADC3" transform="translate(19.000000, 19.000000) rotate(-270.000000) translate(-19.000000, -19.000000) " cx="19" cy="19" rx="19" ry="19"></ellipse>
+ <g id="Group-Copy-2" transform="translate(8.708333, 11.875000)" fill="#FFFFFF">
+ <path d="M18.2329051,10.6217718 C18.4741645,10.7563646 18.5139175,10.9568804 18.3535348,11.2246927 C18.2726581,11.3592855 18.1520284,11.4265819 17.9916457,11.4265819 C17.9381848,11.4265819 17.8573081,11.399114 17.7503863,11.3455516 L13.8957191,8.77043366 C13.6544597,8.63721423 13.6147067,8.43532498 13.7750894,8.16751272 C13.909427,7.92579499 14.1095626,7.88596649 14.3768671,8.04665385 L18.2329051,10.6217718 Z M10.2809404,9.33489951 L2.77174154,4.46620991 C2.53048214,4.30414916 2.49072917,4.11736727 2.65111184,3.90174406 C2.81149451,3.6339318 2.99792223,3.58036935 3.21313658,3.74105671 L10.2809404,8.32820008 L17.3487443,3.74105671 C17.5639586,3.58036935 17.7503863,3.6339318 17.9121398,3.90174406 C18.0725225,4.11736727 18.0327695,4.30414916 17.7915101,4.46620991 L10.2809404,9.33489951 Z M6.78679147,8.16751272 C6.94854493,8.43532498 6.90742117,8.63721423 6.66616177,8.77043366 L2.81149451,11.3455516 C2.70457273,11.399114 2.623696,11.4265819 2.57023511,11.4265819 C2.40985244,11.4265819 2.28922273,11.3592855 2.20971679,11.2246927 C2.04796333,10.9568804 2.08908709,10.7563646 2.3289757,10.6217718 L6.18501376,8.04665385 C6.45231821,7.88596649 6.65245385,7.92579499 6.78679147,8.16751272 L6.78679147,8.16751272 Z M19.7188437,1.97074898 C19.7188437,1.72903124 19.6324838,1.5285154 19.4583932,1.36782804 C19.2829319,1.20714068 19.0759423,1.1261103 18.8346829,1.1261103 L1.72719799,1.1261103 C1.48593859,1.1261103 1.27894899,1.20714068 1.1048584,1.36782804 C0.929397014,1.5285154 0.843037115,1.72903124 0.843037115,1.97074898 L0.843037115,12.2712206 C0.843037115,12.5129384 0.929397014,12.7134542 1.1048584,12.875515 C1.27894899,13.0362023 1.48593859,13.1158593 1.72719799,13.1158593 L18.8346829,13.1158593 C19.0759423,13.1158593 19.2829319,13.0362023 19.4583932,12.875515 C19.6324838,12.7134542 19.7188437,12.5129384 19.7188437,12.2712206 L19.7188437,1.97074898 Z M20.060171,0.744306156 C20.3946442,1.07941483 20.5618808,1.48868691 20.5618808,1.97074898 L20.5618808,12.2712206 C20.5618808,12.7546561 20.3946442,13.1639282 20.060171,13.4990368 C19.7243269,13.8341455 19.3172017,14.0016999 18.8346829,14.0016999 L1.72719799,14.0016999 C1.24467919,14.0016999 0.837553946,13.8341455 0.501709893,13.4990368 C0.167236631,13.1639282 0,12.7546561 0,12.2712206 L0,1.97074898 C0,1.48868691 0.167236631,1.07941483 0.501709893,0.744306156 C0.837553946,0.407824082 1.24467919,0.240269743 1.72719799,0.240269743 L18.8346829,0.240269743 C19.3172017,0.240269743 19.7243269,0.407824082 20.060171,0.744306156 L20.060171,0.744306156 Z" id="Fill-1"></path>
+ </g>
+ </g>
+ <g id="Group-6-Copy-2" transform="translate(184.666667, 6.000000)">
+ <g id="Group-4" fill="#D4D4D4">
+ <ellipse id="Oval-6-Copy-3" transform="translate(13.000000, 13.000000) rotate(-270.000000) translate(-13.000000, -13.000000) " cx="13" cy="13" rx="13" ry="13"></ellipse>
+ </g>
+ <g id="Group-5-Copy-3" transform="translate(3.791667, 9.208333)" fill="#FFFFFF">
+ <g id="Group-15" transform="translate(0.000000, 0.044106)" fill-rule="nonzero">
+ <path d="M0.541666667,0.908390422 L0.541666667,7.21660958 C0.541666667,7.42046561 0.706084452,7.58333333 0.914399823,7.58333333 L18.0439335,7.58333333 C18.2532036,7.58333333 18.4166667,7.42037231 18.4166667,7.21660958 L18.4166667,0.908390422 C18.4166667,0.704534391 18.2522489,0.541666667 18.0439335,0.541666667 L0.914399823,0.541666667 C0.705129753,0.541666667 0.541666667,0.704627685 0.541666667,0.908390422 Z M0,0.908390422 C0,0.406700245 0.404742514,0 0.914399823,0 L18.0439335,0 C18.5489426,0 18.9583333,0.402920013 18.9583333,0.908390422 L18.9583333,7.21660958 C18.9583333,7.71829975 18.5535908,8.125 18.0439335,8.125 L0.914399823,8.125 C0.409390745,8.125 0,7.72207999 0,7.21660958 L0,0.908390422 Z" id="Rectangle-10"></path>
+ </g>
+ <ellipse id="Oval-5" cx="4.17600458" cy="4.03384483" rx="1.12325506" ry="1.10284184"></ellipse>
+ <ellipse id="Oval-5-Copy" cx="7.77042077" cy="4.03384483" rx="1.12325506" ry="1.10284184"></ellipse>
+ <ellipse id="Oval-5-Copy-2" cx="11.364837" cy="4.03384483" rx="1.12325506" ry="1.10284184"></ellipse>
+ <ellipse id="Oval-5-Copy-3" cx="14.9592531" cy="4.03384483" rx="1.12325506" ry="1.10284184"></ellipse>
+ </g>
+ </g>
+ <g id="Group-7-Copy-3" transform="translate(271.000000, 6.000000)">
+ <ellipse id="Oval-6-Copy-5" fill="#D4D4D4" transform="translate(13.000000, 13.000000) rotate(-270.000000) translate(-13.000000, -13.000000) " cx="13" cy="13" rx="13" ry="13"></ellipse>
+ <g id="Group-29" transform="translate(2.166667, 8.666667)" fill="#FFFFFF">
+ <g id="Group" transform="translate(3.655371, 4.373733) rotate(-270.000000) translate(-3.655371, -4.373733) translate(0.134537, 0.852900)" fill-rule="nonzero">
+ <path d="M3.55327323,6.86597405 L3.55327323,1.1921229 C3.55327323,1.04254578 3.43201702,0.921289568 3.2824399,0.921289568 C3.13286278,0.921289568 3.01160657,1.04254578 3.01160657,1.1921229 L3.01160657,6.86597405 C3.01160657,7.01555117 3.13286278,7.13680739 3.2824399,7.13680739 C3.43201702,7.13680739 3.55327323,7.01555117 3.55327323,6.86597405 Z" id="Line-Copy-13"></path>
+ <path d="M0.637125643,3.53911437 L0.637125643,0.256948898 C0.637125643,0.107371779 0.515869429,-0.0138844349 0.36629231,-0.0138844349 C0.21671519,-0.0138844349 0.0954589763,0.107371779 0.0954589763,0.256948898 L0.0954589763,3.53911437 C0.0954589763,3.68869149 0.21671519,3.8099477 0.36629231,3.8099477 C0.515869429,3.8099477 0.637125643,3.68869149 0.637125643,3.53911437 Z" id="Line-Copy-12"></path>
+ <path d="M6.59620985,3.53911437 L6.59620985,0.256948898 C6.59620985,0.107371779 6.47495364,-0.0138844349 6.32537652,-0.0138844349 C6.1757994,-0.0138844349 6.05454319,0.107371779 6.05454319,0.256948898 L6.05454319,3.53911437 C6.05454319,3.68869149 6.1757994,3.8099477 6.32537652,3.8099477 C6.47495364,3.8099477 6.59620985,3.68869149 6.59620985,3.53911437 Z" id="Line-Copy-14"></path>
+ </g>
+ <g id="Group-17" transform="translate(7.286933, 0.155729)">
+ <path d="M10.8195499,6.03227517 C10.9593721,6.11020439 10.982411,6.22630303 10.889461,6.38136628 C10.8425888,6.4592955 10.7726777,6.49826011 10.6797277,6.49826011 C10.6487444,6.49826011 10.6018721,6.48235619 10.5399055,6.45134354 L8.3059277,4.96035076 C8.16610547,4.88321673 8.14306658,4.7663229 8.23601658,4.61125965 C8.31387214,4.47130513 8.42986103,4.44824444 8.5847777,4.54128239 L10.8195499,6.03227517 Z M6.2109777,5.28717638 L1.85901103,2.46820603 C1.71918881,2.37437288 1.69614992,2.26622621 1.78909992,2.14138041 C1.88204992,1.98631716 1.99009436,1.95530451 2.11482214,2.04834246 L6.2109777,4.7042976 L10.3071333,2.04834246 C10.431861,1.95530451 10.5399055,1.98631716 10.6336499,2.14138041 C10.7265999,2.26622621 10.703561,2.37437288 10.5637388,2.46820603 M4.18593881,4.61125965 C4.27968325,4.7663229 4.25584992,4.88321673 4.1160277,4.96035076 L1.88204992,6.45134354 C1.82008325,6.48235619 1.77321103,6.49826011 1.7422277,6.49826011 C1.6492777,6.49826011 1.57936658,6.4592955 1.53328881,6.38136628 C1.43954436,6.22630303 1.4633777,6.11020439 1.60240547,6.03227517 L3.8371777,4.54128239 C3.99209436,4.44824444 4.10808325,4.47130513 4.18593881,4.61125965 L4.18593881,4.61125965 Z M11.6807277,1.02333463 C11.6807277,0.883380105 11.6306777,0.767281468 11.5297833,0.674243518 C11.4280944,0.581205569 11.3081333,0.534288996 11.168311,0.534288996 L1.25364436,0.534288996 C1.11382214,0.534288996 0.993861029,0.581205569 0.892966585,0.674243518 C0.791277696,0.767281468 0.741227696,0.883380105 0.741227696,1.02333463 L0.741227696,6.98730574 C0.741227696,7.12726026 0.791277696,7.2433589 0.892966585,7.33719205 C0.993861029,7.43023 1.11382214,7.47635137 1.25364436,7.47635137 L11.168311,7.47635137 C11.3081333,7.47635137 11.4280944,7.43023 11.5297833,7.33719205 C11.6306777,7.2433589 11.6807277,7.12726026 11.6807277,6.98730574 L11.6807277,1.02333463 Z M11.8785444,0.313224467 C12.0723888,0.507252327 12.169311,0.744220779 12.169311,1.02333463 L12.169311,6.98730574 C12.169311,7.26721479 12.0723888,7.50418324 11.8785444,7.6982111 C11.6839055,7.89223896 11.4479555,7.98925289 11.168311,7.98925289 L1.25364436,7.98925289 C0.973999918,7.98925289 0.738049918,7.89223896 0.543411029,7.6982111 C0.349566585,7.50418324 0.252644362,7.26721479 0.252644362,6.98730574 L0.252644362,1.02333463 C0.252644362,0.744220779 0.349566585,0.507252327 0.543411029,0.313224467 C0.738049918,0.118401411 0.973999918,0.0213874804 1.25364436,0.0213874804 L11.168311,0.0213874804 C11.4479555,0.0213874804 11.6839055,0.118401411 11.8785444,0.313224467" id="Fill-1"></path>
+ </g>
+ </g>
+ </g>
+ </g>
+ </g>
+ </g>
+</svg> \ No newline at end of file
diff --git a/web-ui/app/images/account-recovery/step_3.svg b/web-ui/app/images/account-recovery/step_3.svg
new file mode 100644
index 00000000..80bbefdc
--- /dev/null
+++ b/web-ui/app/images/account-recovery/step_3.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="297px" height="38px" viewBox="0 0 297 38" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+ <title>Group 2</title>
+ <desc>Created with Sketch.</desc>
+ <defs></defs>
+ <g id="Account-Recovery-MVP" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+ <g id="04-m_Forgot_Password-" transform="translate(-37.000000, -101.000000)">
+ <g id="Group-2" transform="translate(37.000000, 101.000000)">
+ <path d="M25,17.296875 C25,19.4531358 24.2500075,21.328117 22.75,22.921875 C21.4999938,24.3593822 20.3437553,26.1874889 19.28125,28.40625 C19.0312488,28.9062525 18.8281258,29.15625 18.671875,29.15625 C18.6406248,29.15625 18.6093752,29.1406252 18.578125,29.109375 L18.53125,29.109375 C18.3437491,29.0468747 18.2421876,28.9296884 18.2265625,28.7578125 C18.2109374,28.5859366 18.2499995,28.2812522 18.34375,27.84375 C18.4375005,27.3749977 18.3437514,26.9531269 18.0625,26.578125 C17.5624975,25.8906216 16.7656305,25.546875 15.671875,25.546875 L9.25,25.546875 C6.96873859,25.546875 5.02344555,24.7421955 3.4140625,23.1328125 C1.80467945,21.5234295 1,19.5781364 1,17.296875 C1,14.9531133 1.81249188,13.0000078 3.4375,11.4375 C5.06250813,9.81249187 6.99998875,9 9.25,9 L16.75,9 C19.0312614,9 20.9765545,9.81249187 22.5859375,11.4375 C24.1953205,13.0625081 25,15.0156136 25,17.296875 Z M19.140625,26.8125 C19.8906288,25.3437427 20.8437442,23.9218819 22,22.546875 L21.953125,22.546875 C23.4218823,21.0781177 24.15625,19.3281352 24.15625,17.296875 C24.15625,15.2343647 23.4296948,13.4765698 21.9765625,12.0234375 C20.5234302,10.5703052 18.7812602,9.84375 16.75,9.84375 L9.25,9.84375 C7.21873984,9.84375 5.46875734,10.5781177 4,12.046875 C2.56249281,13.5468825 1.84375,15.296865 1.84375,17.296875 C1.84375,19.3281352 2.57030523,21.0703052 4.0234375,22.5234375 C5.47656977,23.9765698 7.21873984,24.703125 9.25,24.703125 L15.765625,24.703125 C16.0781266,24.703125 16.5624967,24.8124989 17.21875,25.03125 C17.8750033,25.2500011 18.3906231,25.5937477 18.765625,26.0625 C18.9531259,26.3750016 19.0781247,26.6249991 19.140625,26.8125 Z M7.28125,15.375 C7.84375281,15.375 8.32812297,15.578123 8.734375,15.984375 C9.14062703,16.390627 9.34375,16.8749972 9.34375,17.4375 C9.34375,18.0000028 9.14062703,18.4765605 8.734375,18.8671875 C8.32812297,19.2578145 7.84375281,19.453125 7.28125,19.453125 C6.71874719,19.453125 6.23437703,19.2578145 5.828125,18.8671875 C5.42187297,18.4765605 5.21875,18.0000028 5.21875,17.4375 C5.21875,16.8749972 5.42187297,16.390627 5.828125,15.984375 C6.23437703,15.578123 6.71874719,15.375 7.28125,15.375 Z M7.28125,18.609375 C7.62500172,18.609375 7.91406133,18.4921887 8.1484375,18.2578125 C8.38281367,18.0234363 8.5,17.7500016 8.5,17.4375 C8.5,17.0937483 8.37500125,16.8046887 8.125,16.5703125 C7.87499875,16.3359363 7.59375156,16.21875 7.28125,16.21875 C6.96874844,16.21875 6.68750125,16.3359363 6.4375,16.5703125 C6.18749875,16.8046887 6.0625,17.0937483 6.0625,17.4375 C6.0625,17.7500016 6.17968633,18.0234363 6.4140625,18.2578125 C6.64843867,18.4921887 6.93749828,18.609375 7.28125,18.609375 Z M12.578125,15.28125 C13.1406278,15.28125 13.624998,15.484373 14.03125,15.890625 C14.437502,16.296877 14.640625,16.7812472 14.640625,17.34375 C14.640625,17.9062528 14.437502,18.390623 14.03125,18.796875 C13.624998,19.203127 13.1406278,19.40625 12.578125,19.40625 C12.0156222,19.40625 11.531252,19.203127 11.125,18.796875 C10.718748,18.390623 10.515625,17.9062528 10.515625,17.34375 C10.515625,16.7812472 10.718748,16.296877 11.125,15.890625 C11.531252,15.484373 12.0156222,15.28125 12.578125,15.28125 Z M12.578125,18.5625 C12.9218767,18.5625 13.2109363,18.4453137 13.4453125,18.2109375 C13.6796887,17.9765613 13.796875,17.6875017 13.796875,17.34375 C13.796875,17.0312484 13.6796887,16.7578137 13.4453125,16.5234375 C13.2109363,16.2890613 12.9218767,16.171875 12.578125,16.171875 C12.2343733,16.171875 11.9453137,16.2890613 11.7109375,16.5234375 C11.4765613,16.7578137 11.359375,17.0312484 11.359375,17.34375 C11.359375,17.6875017 11.4765613,17.9765613 11.7109375,18.2109375 C11.9453137,18.4453137 12.2343733,18.5625 12.578125,18.5625 Z M17.921875,15.375 C18.4843778,15.375 18.968748,15.578123 19.375,15.984375 C19.781252,16.390627 19.984375,16.8749972 19.984375,17.4375 C19.984375,18.0000028 19.781252,18.4765605 19.375,18.8671875 C18.968748,19.2578145 18.4843778,19.453125 17.921875,19.453125 C17.3593722,19.453125 16.8828145,19.2578145 16.4921875,18.8671875 C16.1015605,18.4765605 15.90625,18.0000028 15.90625,17.4375 C15.90625,16.8749972 16.1015605,16.390627 16.4921875,15.984375 C16.8828145,15.578123 17.3593722,15.375 17.921875,15.375 Z M17.921875,18.609375 C18.2656267,18.609375 18.5546863,18.4921887 18.7890625,18.2578125 C19.0234387,18.0234363 19.140625,17.7500016 19.140625,17.4375 C19.140625,17.0937483 19.0234387,16.8046887 18.7890625,16.5703125 C18.5546863,16.3359363 18.2656267,16.21875 17.921875,16.21875 C17.6093734,16.21875 17.3359387,16.3359363 17.1015625,16.5703125 C16.8671863,16.8046887 16.75,17.0937483 16.75,17.4375 C16.75,17.7812517 16.8593739,18.0624989 17.078125,18.28125 C17.2968761,18.5000011 17.5781233,18.609375 17.921875,18.609375 Z" id="6-copy-5" fill="#FFFFFF" transform="translate(13.000000, 19.078125) scale(-1, 1) translate(-13.000000, -19.078125) "></path>
+ <rect id="Rectangle-15-Copy-9" fill="#4EADC3" x="3" y="18" width="200" height="2"></rect>
+ <rect id="Rectangle-15-Copy-10" fill="#D4D4D4" x="198" y="18" width="80" height="2"></rect>
+ <g id="Group-2-Copy-2" transform="translate(0.000000, 6.000000)">
+ <circle id="Oval-6-Copy-2" fill="#4EADC3" transform="translate(13.000000, 13.000000) rotate(-270.000000) translate(-13.000000, -13.000000) " cx="13" cy="13" r="13"></circle>
+ <path d="M19.5,12.077474 C19.5,13.2454485 19.0937541,14.2610634 18.28125,15.124349 C17.6041633,15.9029987 16.9778675,16.8932232 16.4023437,18.0950521 C16.2669264,18.3658868 16.1569015,18.5013021 16.0722656,18.5013021 C16.0553385,18.5013021 16.0384115,18.4928386 16.0214844,18.4759115 L15.9960937,18.4759115 C15.8945307,18.4420571 15.8395183,18.3785812 15.8310547,18.2854818 C15.8225911,18.1923823 15.8437497,18.0273449 15.8945312,17.7903646 C15.9453128,17.5364571 15.894532,17.3079437 15.7421875,17.1048177 C15.4713528,16.73242 15.0397165,16.546224 14.4472656,16.546224 L10.96875,16.546224 C9.73306674,16.546224 8.67936634,16.1103559 7.80761719,15.2386068 C6.93586804,14.3668576 6.5,13.3131572 6.5,12.077474 C6.5,10.8079364 6.94009977,9.75000423 7.8203125,8.90364583 C8.70052523,8.0234331 9.74999391,7.58333333 10.96875,7.58333333 L15.03125,7.58333333 C16.2669333,7.58333333 17.3206337,8.0234331 18.1923828,8.90364583 C19.064132,9.78385857 19.5,10.8417907 19.5,12.077474 Z M16.3261719,17.2317708 C16.7324239,16.4361939 17.2486948,15.6660193 17.875,14.921224 L17.8496094,14.921224 C18.6451863,14.1256471 19.0429687,13.1777399 19.0429687,12.077474 C19.0429687,10.9602809 18.649418,10.008142 17.8623047,9.22102865 C17.0751914,8.43391534 16.1315159,8.04036458 15.03125,8.04036458 L10.96875,8.04036458 C9.86848408,8.04036458 8.92057689,8.43814706 8.125,9.23372396 C7.34635027,10.046228 6.95703125,10.9941352 6.95703125,12.077474 C6.95703125,13.1777399 7.350582,14.1214153 8.13769531,14.9085286 C8.92480862,15.695642 9.86848408,16.0891927 10.96875,16.0891927 L14.4980469,16.0891927 C14.6673186,16.0891927 14.9296857,16.1484369 15.2851562,16.2669271 C15.6406268,16.3854173 15.9199209,16.5716133 16.1230469,16.8255208 C16.2246099,16.9947925 16.2923175,17.1302078 16.3261719,17.2317708 Z M9.90234375,11.0364583 C10.2070328,11.0364583 10.4693999,11.1464833 10.6894531,11.3665365 C10.9095063,11.5865896 11.0195312,11.8489568 11.0195312,12.1536458 C11.0195312,12.4583349 10.9095063,12.7164703 10.6894531,12.9280599 C10.4693999,13.1396495 10.2070328,13.2454427 9.90234375,13.2454427 C9.59765473,13.2454427 9.33528756,13.1396495 9.11523437,12.9280599 C8.89518119,12.7164703 8.78515625,12.4583349 8.78515625,12.1536458 C8.78515625,11.8489568 8.89518119,11.5865896 9.11523437,11.3665365 C9.33528756,11.1464833 9.59765473,11.0364583 9.90234375,11.0364583 Z M9.90234375,12.7884115 C10.0885426,12.7884115 10.2451166,12.7249355 10.3720703,12.5979818 C10.4990241,12.471028 10.5625,12.3229175 10.5625,12.1536458 C10.5625,11.967447 10.4947923,11.810873 10.359375,11.6839193 C10.2239577,11.5569655 10.0716154,11.4934896 9.90234375,11.4934896 C9.73307207,11.4934896 9.58072984,11.5569655 9.4453125,11.6839193 C9.30989516,11.810873 9.2421875,11.967447 9.2421875,12.1536458 C9.2421875,12.3229175 9.30566343,12.471028 9.43261719,12.5979818 C9.55957095,12.7249355 9.7161449,12.7884115 9.90234375,12.7884115 Z M12.7714844,10.9856771 C13.0761734,10.9856771 13.3385406,11.095702 13.5585937,11.3157552 C13.7786469,11.5358084 13.8886719,11.7981756 13.8886719,12.1028646 C13.8886719,12.4075536 13.7786469,12.6699208 13.5585937,12.889974 C13.3385406,13.1100271 13.0761734,13.2200521 12.7714844,13.2200521 C12.4667954,13.2200521 12.2044282,13.1100271 11.984375,12.889974 C11.7643218,12.6699208 11.6542969,12.4075536 11.6542969,12.1028646 C11.6542969,11.7981756 11.7643218,11.5358084 11.984375,11.3157552 C12.2044282,11.095702 12.4667954,10.9856771 12.7714844,10.9856771 Z M12.7714844,12.7630208 C12.9576832,12.7630208 13.1142572,12.6995449 13.2412109,12.5725911 C13.3681647,12.4456374 13.4316406,12.2890634 13.4316406,12.1028646 C13.4316406,11.9335929 13.3681647,11.7854824 13.2412109,11.6585286 C13.1142572,11.5315749 12.9576832,11.468099 12.7714844,11.468099 C12.5852855,11.468099 12.4287116,11.5315749 12.3017578,11.6585286 C12.1748041,11.7854824 12.1113281,11.9335929 12.1113281,12.1028646 C12.1113281,12.2890634 12.1748041,12.4456374 12.3017578,12.5725911 C12.4287116,12.6995449 12.5852855,12.7630208 12.7714844,12.7630208 Z M15.6660156,11.0364583 C15.9707046,11.0364583 16.2330718,11.1464833 16.453125,11.3665365 C16.6731782,11.5865896 16.7832031,11.8489568 16.7832031,12.1536458 C16.7832031,12.4583349 16.6731782,12.7164703 16.453125,12.9280599 C16.2330718,13.1396495 15.9707046,13.2454427 15.6660156,13.2454427 C15.3613266,13.2454427 15.1031912,13.1396495 14.8916016,12.9280599 C14.680012,12.7164703 14.5742187,12.4583349 14.5742187,12.1536458 C14.5742187,11.8489568 14.680012,11.5865896 14.8916016,11.3665365 C15.1031912,11.1464833 15.3613266,11.0364583 15.6660156,11.0364583 Z M15.6660156,12.7884115 C15.8522145,12.7884115 16.0087884,12.7249355 16.1357422,12.5979818 C16.2626959,12.471028 16.3261719,12.3229175 16.3261719,12.1536458 C16.3261719,11.967447 16.2626959,11.810873 16.1357422,11.6839193 C16.0087884,11.5569655 15.8522145,11.4934896 15.6660156,11.4934896 C15.4967439,11.4934896 15.3486334,11.5569655 15.2216797,11.6839193 C15.0947259,11.810873 15.03125,11.967447 15.03125,12.1536458 C15.03125,12.3398447 15.0904942,12.4921869 15.2089844,12.6106771 C15.3274746,12.7291673 15.4798168,12.7884115 15.6660156,12.7884115 Z" id="6-copy-3" fill="#FFFFFF" transform="translate(13.000000, 13.042318) scale(-1, 1) translate(-13.000000, -13.042318) "></path>
+ </g>
+ <g id="Group-7-Copy-4" transform="translate(271.000000, 6.000000)">
+ <ellipse id="Oval-6-Copy-5" fill="#D4D4D4" transform="translate(13.000000, 13.000000) rotate(-270.000000) translate(-13.000000, -13.000000) " cx="13" cy="13" rx="13" ry="13"></ellipse>
+ <g id="Group-29" transform="translate(2.166667, 8.666667)" fill="#FFFFFF">
+ <g id="Group" transform="translate(3.655371, 4.373733) rotate(-270.000000) translate(-3.655371, -4.373733) translate(0.134537, 0.852900)" fill-rule="nonzero">
+ <path d="M3.55327323,6.86597405 L3.55327323,1.1921229 C3.55327323,1.04254578 3.43201702,0.921289568 3.2824399,0.921289568 C3.13286278,0.921289568 3.01160657,1.04254578 3.01160657,1.1921229 L3.01160657,6.86597405 C3.01160657,7.01555117 3.13286278,7.13680739 3.2824399,7.13680739 C3.43201702,7.13680739 3.55327323,7.01555117 3.55327323,6.86597405 Z" id="Line-Copy-13"></path>
+ <path d="M0.637125643,3.53911437 L0.637125643,0.256948898 C0.637125643,0.107371779 0.515869429,-0.0138844349 0.36629231,-0.0138844349 C0.21671519,-0.0138844349 0.0954589763,0.107371779 0.0954589763,0.256948898 L0.0954589763,3.53911437 C0.0954589763,3.68869149 0.21671519,3.8099477 0.36629231,3.8099477 C0.515869429,3.8099477 0.637125643,3.68869149 0.637125643,3.53911437 Z" id="Line-Copy-12"></path>
+ <path d="M6.59620985,3.53911437 L6.59620985,0.256948898 C6.59620985,0.107371779 6.47495364,-0.0138844349 6.32537652,-0.0138844349 C6.1757994,-0.0138844349 6.05454319,0.107371779 6.05454319,0.256948898 L6.05454319,3.53911437 C6.05454319,3.68869149 6.1757994,3.8099477 6.32537652,3.8099477 C6.47495364,3.8099477 6.59620985,3.68869149 6.59620985,3.53911437 Z" id="Line-Copy-14"></path>
+ </g>
+ <g id="Group-17" transform="translate(7.286933, 0.155729)">
+ <path d="M10.8195499,6.03227517 C10.9593721,6.11020439 10.982411,6.22630303 10.889461,6.38136628 C10.8425888,6.4592955 10.7726777,6.49826011 10.6797277,6.49826011 C10.6487444,6.49826011 10.6018721,6.48235619 10.5399055,6.45134354 L8.3059277,4.96035076 C8.16610547,4.88321673 8.14306658,4.7663229 8.23601658,4.61125965 C8.31387214,4.47130513 8.42986103,4.44824444 8.5847777,4.54128239 L10.8195499,6.03227517 Z M6.2109777,5.28717638 L1.85901103,2.46820603 C1.71918881,2.37437288 1.69614992,2.26622621 1.78909992,2.14138041 C1.88204992,1.98631716 1.99009436,1.95530451 2.11482214,2.04834246 L6.2109777,4.7042976 L10.3071333,2.04834246 C10.431861,1.95530451 10.5399055,1.98631716 10.6336499,2.14138041 C10.7265999,2.26622621 10.703561,2.37437288 10.5637388,2.46820603 M4.18593881,4.61125965 C4.27968325,4.7663229 4.25584992,4.88321673 4.1160277,4.96035076 L1.88204992,6.45134354 C1.82008325,6.48235619 1.77321103,6.49826011 1.7422277,6.49826011 C1.6492777,6.49826011 1.57936658,6.4592955 1.53328881,6.38136628 C1.43954436,6.22630303 1.4633777,6.11020439 1.60240547,6.03227517 L3.8371777,4.54128239 C3.99209436,4.44824444 4.10808325,4.47130513 4.18593881,4.61125965 L4.18593881,4.61125965 Z M11.6807277,1.02333463 C11.6807277,0.883380105 11.6306777,0.767281468 11.5297833,0.674243518 C11.4280944,0.581205569 11.3081333,0.534288996 11.168311,0.534288996 L1.25364436,0.534288996 C1.11382214,0.534288996 0.993861029,0.581205569 0.892966585,0.674243518 C0.791277696,0.767281468 0.741227696,0.883380105 0.741227696,1.02333463 L0.741227696,6.98730574 C0.741227696,7.12726026 0.791277696,7.2433589 0.892966585,7.33719205 C0.993861029,7.43023 1.11382214,7.47635137 1.25364436,7.47635137 L11.168311,7.47635137 C11.3081333,7.47635137 11.4280944,7.43023 11.5297833,7.33719205 C11.6306777,7.2433589 11.6807277,7.12726026 11.6807277,6.98730574 L11.6807277,1.02333463 Z M11.8785444,0.313224467 C12.0723888,0.507252327 12.169311,0.744220779 12.169311,1.02333463 L12.169311,6.98730574 C12.169311,7.26721479 12.0723888,7.50418324 11.8785444,7.6982111 C11.6839055,7.89223896 11.4479555,7.98925289 11.168311,7.98925289 L1.25364436,7.98925289 C0.973999918,7.98925289 0.738049918,7.89223896 0.543411029,7.6982111 C0.349566585,7.50418324 0.252644362,7.26721479 0.252644362,6.98730574 L0.252644362,1.02333463 C0.252644362,0.744220779 0.349566585,0.507252327 0.543411029,0.313224467 C0.738049918,0.118401411 0.973999918,0.0213874804 1.25364436,0.0213874804 L11.168311,0.0213874804 C11.4479555,0.0213874804 11.6839055,0.118401411 11.8785444,0.313224467" id="Fill-1"></path>
+ </g>
+ </g>
+ </g>
+ <g id="Group-2-Copy-4" transform="translate(86.333333, 7.000000)">
+ <ellipse id="Oval-6-Copy-4" fill="#3DABC4" transform="translate(13.000000, 13.000000) rotate(-270.000000) translate(-13.000000, -13.000000) " cx="13" cy="13" rx="13" ry="13"></ellipse>
+ <g id="Group-Copy-2" transform="translate(5.958333, 8.125000)" fill="#FFFFFF">
+ <path d="M12.4751456,7.26752805 C12.6402178,7.35961788 12.6674172,7.49681293 12.5576817,7.6800529 C12.502345,7.77214273 12.4198089,7.81818765 12.3100734,7.81818765 C12.2734949,7.81818765 12.2181582,7.79939381 12.1450012,7.76274581 L9.50759726,6.00082303 C9.34252504,5.90967289 9.31532564,5.77153815 9.42506115,5.58829818 C9.51697637,5.42291236 9.65391128,5.39566129 9.8368038,5.50560527 L12.4751456,7.26752805 Z M7.03432766,6.3870365 L1.89645474,3.05582783 C1.73138251,2.94494416 1.70418311,2.81714603 1.81391863,2.66961436 C1.92365414,2.48637439 2.05120994,2.4497264 2.19846187,2.55967038 L7.03432766,5.69824216 L11.8701934,2.55967038 C12.0174454,2.4497264 12.1450012,2.48637439 12.2556746,2.66961436 C12.3654101,2.81714603 12.3382107,2.94494416 12.1731385,3.05582783 L7.03432766,6.3870365 Z M4.64359416,5.58829818 C4.75426759,5.77153815 4.72613028,5.90967289 4.56105805,6.00082303 L1.92365414,7.76274581 C1.85049713,7.79939381 1.79516042,7.81818765 1.75858191,7.81818765 C1.6488464,7.81818765 1.56631029,7.77214273 1.51191149,7.6800529 C1.40123807,7.49681293 1.42937538,7.35961788 1.59350969,7.26752805 L4.23185152,5.50560527 C4.41474404,5.39566129 4.55167895,5.42291236 4.64359416,5.58829818 L4.64359416,5.58829818 Z M13.4918404,1.3484072 C13.4918404,1.18302138 13.4327521,1.04582632 13.3136375,0.935882342 C13.193585,0.825938361 13.0519605,0.770496524 12.8868883,0.770496524 L1.18176705,0.770496524 C1.01669482,0.770496524 0.875070361,0.825938361 0.755955746,0.935882342 C0.63590322,1.04582632 0.576814868,1.18302138 0.576814868,1.3484072 L0.576814868,8.39609832 C0.576814868,8.56148414 0.63590322,8.69867919 0.755955746,8.80956287 C0.875070361,8.91950685 1.01669482,8.97400899 1.18176705,8.97400899 L12.8868883,8.97400899 C13.0519605,8.97400899 13.193585,8.91950685 13.3136375,8.80956287 C13.4327521,8.69867919 13.4918404,8.56148414 13.4918404,8.39609832 L13.4918404,1.3484072 Z M13.7253801,0.509262106 C13.9542303,0.738546991 14.0686553,1.01857525 14.0686553,1.3484072 L14.0686553,8.39609832 C14.0686553,8.72686996 13.9542303,9.00689822 13.7253801,9.2361831 C13.4955921,9.46546799 13.2170327,9.58011043 12.8868883,9.58011043 L1.18176705,9.58011043 C0.851622602,9.58011043 0.573063227,9.46546799 0.34327519,9.2361831 C0.114425063,9.00689822 0,8.72686996 0,8.39609832 L0,1.3484072 C0,1.01857525 0.114425063,0.738546991 0.34327519,0.509262106 C0.573063227,0.27903753 0.851622602,0.164395087 1.18176705,0.164395087 L12.8868883,0.164395087 C13.2170327,0.164395087 13.4955921,0.27903753 13.7253801,0.509262106 L13.7253801,0.509262106 Z" id="Fill-1"></path>
+ </g>
+ </g>
+ <g id="Group-6-Copy-3" transform="translate(172.666667, 0.000000)">
+ <g id="Group-4" fill="#4EADC3">
+ <ellipse id="Oval-6-Copy-3" transform="translate(19.000000, 19.000000) rotate(-270.000000) translate(-19.000000, -19.000000) " cx="19" cy="19" rx="19" ry="19"></ellipse>
+ </g>
+ <g id="Group-5-Copy-3" transform="translate(5.541667, 13.458333)" fill="#FFFFFF">
+ <g id="Group-15" transform="translate(0.000000, 0.064462)" fill-rule="nonzero">
+ <path d="M0.791666667,1.32764754 L0.791666667,10.5473525 C0.791666667,10.8452959 1.03196958,11.0833333 1.33643051,11.0833333 L26.3719028,11.0833333 C26.6777591,11.0833333 26.9166667,10.8451595 26.9166667,10.5473525 L26.9166667,1.32764754 C26.9166667,1.02970411 26.6763637,0.791666667 26.3719028,0.791666667 L1.33643051,0.791666667 C1.03057425,0.791666667 0.791666667,1.02984046 0.791666667,1.32764754 Z M0,1.32764754 C0,0.594408051 0.591546751,0 1.33643051,0 L26.3719028,0 C27.109993,0 27.7083333,0.588883096 27.7083333,1.32764754 L27.7083333,10.5473525 C27.7083333,11.2805919 27.1167866,11.875 26.3719028,11.875 L1.33643051,11.875 C0.59834032,11.875 0,11.2861169 0,10.5473525 L0,1.32764754 Z" id="Rectangle-10"></path>
+ </g>
+ <ellipse id="Oval-5" cx="6.10339131" cy="5.89561937" rx="1.64168047" ry="1.61184577"></ellipse>
+ <ellipse id="Oval-5-Copy" cx="11.3567688" cy="5.89561937" rx="1.64168047" ry="1.61184577"></ellipse>
+ <ellipse id="Oval-5-Copy-2" cx="16.6101463" cy="5.89561937" rx="1.64168047" ry="1.61184577"></ellipse>
+ <ellipse id="Oval-5-Copy-3" cx="21.8635238" cy="5.89561937" rx="1.64168047" ry="1.61184577"></ellipse>
+ </g>
+ </g>
+ </g>
+ </g>
+ </g>
+</svg> \ No newline at end of file
diff --git a/web-ui/app/images/account-recovery/step_4.svg b/web-ui/app/images/account-recovery/step_4.svg
new file mode 100644
index 00000000..b94793e8
--- /dev/null
+++ b/web-ui/app/images/account-recovery/step_4.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="299px" height="38px" viewBox="0 0 299 38" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
+ <title>Group 2</title>
+ <desc>Created with Sketch.</desc>
+ <defs></defs>
+ <g id="Account-Recovery-MVP" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+ <g id="05-m_Forgot_Password-" transform="translate(-36.000000, -101.000000)">
+ <g id="Group-2" transform="translate(36.000000, 101.000000)">
+ <path d="M25,17.296875 C25,19.4531358 24.2500075,21.328117 22.75,22.921875 C21.4999938,24.3593822 20.3437553,26.1874889 19.28125,28.40625 C19.0312488,28.9062525 18.8281258,29.15625 18.671875,29.15625 C18.6406248,29.15625 18.6093752,29.1406252 18.578125,29.109375 L18.53125,29.109375 C18.3437491,29.0468747 18.2421876,28.9296884 18.2265625,28.7578125 C18.2109374,28.5859366 18.2499995,28.2812522 18.34375,27.84375 C18.4375005,27.3749977 18.3437514,26.9531269 18.0625,26.578125 C17.5624975,25.8906216 16.7656305,25.546875 15.671875,25.546875 L9.25,25.546875 C6.96873859,25.546875 5.02344555,24.7421955 3.4140625,23.1328125 C1.80467945,21.5234295 1,19.5781364 1,17.296875 C1,14.9531133 1.81249188,13.0000078 3.4375,11.4375 C5.06250813,9.81249187 6.99998875,9 9.25,9 L16.75,9 C19.0312614,9 20.9765545,9.81249187 22.5859375,11.4375 C24.1953205,13.0625081 25,15.0156136 25,17.296875 Z M19.140625,26.8125 C19.8906288,25.3437427 20.8437442,23.9218819 22,22.546875 L21.953125,22.546875 C23.4218823,21.0781177 24.15625,19.3281352 24.15625,17.296875 C24.15625,15.2343647 23.4296948,13.4765698 21.9765625,12.0234375 C20.5234302,10.5703052 18.7812602,9.84375 16.75,9.84375 L9.25,9.84375 C7.21873984,9.84375 5.46875734,10.5781177 4,12.046875 C2.56249281,13.5468825 1.84375,15.296865 1.84375,17.296875 C1.84375,19.3281352 2.57030523,21.0703052 4.0234375,22.5234375 C5.47656977,23.9765698 7.21873984,24.703125 9.25,24.703125 L15.765625,24.703125 C16.0781266,24.703125 16.5624967,24.8124989 17.21875,25.03125 C17.8750033,25.2500011 18.3906231,25.5937477 18.765625,26.0625 C18.9531259,26.3750016 19.0781247,26.6249991 19.140625,26.8125 Z M7.28125,15.375 C7.84375281,15.375 8.32812297,15.578123 8.734375,15.984375 C9.14062703,16.390627 9.34375,16.8749972 9.34375,17.4375 C9.34375,18.0000028 9.14062703,18.4765605 8.734375,18.8671875 C8.32812297,19.2578145 7.84375281,19.453125 7.28125,19.453125 C6.71874719,19.453125 6.23437703,19.2578145 5.828125,18.8671875 C5.42187297,18.4765605 5.21875,18.0000028 5.21875,17.4375 C5.21875,16.8749972 5.42187297,16.390627 5.828125,15.984375 C6.23437703,15.578123 6.71874719,15.375 7.28125,15.375 Z M7.28125,18.609375 C7.62500172,18.609375 7.91406133,18.4921887 8.1484375,18.2578125 C8.38281367,18.0234363 8.5,17.7500016 8.5,17.4375 C8.5,17.0937483 8.37500125,16.8046887 8.125,16.5703125 C7.87499875,16.3359363 7.59375156,16.21875 7.28125,16.21875 C6.96874844,16.21875 6.68750125,16.3359363 6.4375,16.5703125 C6.18749875,16.8046887 6.0625,17.0937483 6.0625,17.4375 C6.0625,17.7500016 6.17968633,18.0234363 6.4140625,18.2578125 C6.64843867,18.4921887 6.93749828,18.609375 7.28125,18.609375 Z M12.578125,15.28125 C13.1406278,15.28125 13.624998,15.484373 14.03125,15.890625 C14.437502,16.296877 14.640625,16.7812472 14.640625,17.34375 C14.640625,17.9062528 14.437502,18.390623 14.03125,18.796875 C13.624998,19.203127 13.1406278,19.40625 12.578125,19.40625 C12.0156222,19.40625 11.531252,19.203127 11.125,18.796875 C10.718748,18.390623 10.515625,17.9062528 10.515625,17.34375 C10.515625,16.7812472 10.718748,16.296877 11.125,15.890625 C11.531252,15.484373 12.0156222,15.28125 12.578125,15.28125 Z M12.578125,18.5625 C12.9218767,18.5625 13.2109363,18.4453137 13.4453125,18.2109375 C13.6796887,17.9765613 13.796875,17.6875017 13.796875,17.34375 C13.796875,17.0312484 13.6796887,16.7578137 13.4453125,16.5234375 C13.2109363,16.2890613 12.9218767,16.171875 12.578125,16.171875 C12.2343733,16.171875 11.9453137,16.2890613 11.7109375,16.5234375 C11.4765613,16.7578137 11.359375,17.0312484 11.359375,17.34375 C11.359375,17.6875017 11.4765613,17.9765613 11.7109375,18.2109375 C11.9453137,18.4453137 12.2343733,18.5625 12.578125,18.5625 Z M17.921875,15.375 C18.4843778,15.375 18.968748,15.578123 19.375,15.984375 C19.781252,16.390627 19.984375,16.8749972 19.984375,17.4375 C19.984375,18.0000028 19.781252,18.4765605 19.375,18.8671875 C18.968748,19.2578145 18.4843778,19.453125 17.921875,19.453125 C17.3593722,19.453125 16.8828145,19.2578145 16.4921875,18.8671875 C16.1015605,18.4765605 15.90625,18.0000028 15.90625,17.4375 C15.90625,16.8749972 16.1015605,16.390627 16.4921875,15.984375 C16.8828145,15.578123 17.3593722,15.375 17.921875,15.375 Z M17.921875,18.609375 C18.2656267,18.609375 18.5546863,18.4921887 18.7890625,18.2578125 C19.0234387,18.0234363 19.140625,17.7500016 19.140625,17.4375 C19.140625,17.0937483 19.0234387,16.8046887 18.7890625,16.5703125 C18.5546863,16.3359363 18.2656267,16.21875 17.921875,16.21875 C17.6093734,16.21875 17.3359387,16.3359363 17.1015625,16.5703125 C16.8671863,16.8046887 16.75,17.0937483 16.75,17.4375 C16.75,17.7812517 16.8593739,18.0624989 17.078125,18.28125 C17.2968761,18.5000011 17.5781233,18.609375 17.921875,18.609375 Z" id="6-copy-6" fill="#FFFFFF" transform="translate(13.000000, 19.078125) scale(-1, 1) translate(-13.000000, -19.078125) "></path>
+ <rect id="Rectangle-15-Copy-11" fill="#4EADC3" x="22" y="18" width="260" height="2"></rect>
+ <g id="Group-2-Copy-3" transform="translate(0.000000, 6.000000)">
+ <ellipse id="Oval-6-Copy-2" fill="#4EADC3" transform="translate(13.000000, 13.000000) rotate(-270.000000) translate(-13.000000, -13.000000) " cx="13" cy="13" rx="13" ry="13"></ellipse>
+ <path d="M19.5,12.077474 C19.5,13.2454485 19.0937541,14.2610634 18.28125,15.124349 C17.6041633,15.9029987 16.9778675,16.8932232 16.4023438,18.0950521 C16.2669264,18.3658868 16.1569015,18.5013021 16.0722656,18.5013021 C16.0553385,18.5013021 16.0384115,18.4928386 16.0214844,18.4759115 L15.9960938,18.4759115 C15.8945307,18.4420571 15.8395183,18.3785812 15.8310547,18.2854818 C15.8225911,18.1923823 15.8437497,18.0273449 15.8945313,17.7903646 C15.9453128,17.5364571 15.894532,17.3079437 15.7421875,17.1048177 C15.4713528,16.73242 15.0397165,16.546224 14.4472656,16.546224 L10.96875,16.546224 C9.73306674,16.546224 8.67936634,16.1103559 7.80761719,15.2386068 C6.93586804,14.3668576 6.5,13.3131572 6.5,12.077474 C6.5,10.8079364 6.94009977,9.75000423 7.8203125,8.90364583 C8.70052523,8.0234331 9.74999391,7.58333333 10.96875,7.58333333 L15.03125,7.58333333 C16.2669333,7.58333333 17.3206337,8.0234331 18.1923828,8.90364583 C19.064132,9.78385857 19.5,10.8417907 19.5,12.077474 Z M16.3261719,17.2317708 C16.7324239,16.4361939 17.2486948,15.6660193 17.875,14.921224 L17.8496094,14.921224 C18.6451863,14.1256471 19.0429688,13.1777399 19.0429688,12.077474 C19.0429688,10.9602809 18.649418,10.008142 17.8623047,9.22102865 C17.0751914,8.43391534 16.1315159,8.04036458 15.03125,8.04036458 L10.96875,8.04036458 C9.86848408,8.04036458 8.92057689,8.43814706 8.125,9.23372396 C7.34635027,10.046228 6.95703125,10.9941352 6.95703125,12.077474 C6.95703125,13.1777399 7.350582,14.1214153 8.13769531,14.9085286 C8.92480862,15.695642 9.86848408,16.0891927 10.96875,16.0891927 L14.4980469,16.0891927 C14.6673186,16.0891927 14.9296857,16.1484369 15.2851563,16.2669271 C15.6406268,16.3854173 15.9199209,16.5716133 16.1230469,16.8255208 C16.2246099,16.9947925 16.2923175,17.1302078 16.3261719,17.2317708 Z M9.90234375,11.0364583 C10.2070328,11.0364583 10.4693999,11.1464833 10.6894531,11.3665365 C10.9095063,11.5865896 11.0195313,11.8489568 11.0195313,12.1536458 C11.0195313,12.4583349 10.9095063,12.7164703 10.6894531,12.9280599 C10.4693999,13.1396495 10.2070328,13.2454427 9.90234375,13.2454427 C9.59765473,13.2454427 9.33528756,13.1396495 9.11523438,12.9280599 C8.89518119,12.7164703 8.78515625,12.4583349 8.78515625,12.1536458 C8.78515625,11.8489568 8.89518119,11.5865896 9.11523438,11.3665365 C9.33528756,11.1464833 9.59765473,11.0364583 9.90234375,11.0364583 Z M9.90234375,12.7884115 C10.0885426,12.7884115 10.2451166,12.7249355 10.3720703,12.5979818 C10.4990241,12.471028 10.5625,12.3229175 10.5625,12.1536458 C10.5625,11.967447 10.4947923,11.810873 10.359375,11.6839193 C10.2239577,11.5569655 10.0716154,11.4934896 9.90234375,11.4934896 C9.73307207,11.4934896 9.58072984,11.5569655 9.4453125,11.6839193 C9.30989516,11.810873 9.2421875,11.967447 9.2421875,12.1536458 C9.2421875,12.3229175 9.30566343,12.471028 9.43261719,12.5979818 C9.55957095,12.7249355 9.7161449,12.7884115 9.90234375,12.7884115 Z M12.7714844,10.9856771 C13.0761734,10.9856771 13.3385406,11.095702 13.5585937,11.3157552 C13.7786469,11.5358084 13.8886719,11.7981756 13.8886719,12.1028646 C13.8886719,12.4075536 13.7786469,12.6699208 13.5585937,12.889974 C13.3385406,13.1100271 13.0761734,13.2200521 12.7714844,13.2200521 C12.4667954,13.2200521 12.2044282,13.1100271 11.984375,12.889974 C11.7643218,12.6699208 11.6542969,12.4075536 11.6542969,12.1028646 C11.6542969,11.7981756 11.7643218,11.5358084 11.984375,11.3157552 C12.2044282,11.095702 12.4667954,10.9856771 12.7714844,10.9856771 Z M12.7714844,12.7630208 C12.9576832,12.7630208 13.1142572,12.6995449 13.2412109,12.5725911 C13.3681647,12.4456374 13.4316406,12.2890634 13.4316406,12.1028646 C13.4316406,11.9335929 13.3681647,11.7854824 13.2412109,11.6585286 C13.1142572,11.5315749 12.9576832,11.468099 12.7714844,11.468099 C12.5852855,11.468099 12.4287116,11.5315749 12.3017578,11.6585286 C12.1748041,11.7854824 12.1113281,11.9335929 12.1113281,12.1028646 C12.1113281,12.2890634 12.1748041,12.4456374 12.3017578,12.5725911 C12.4287116,12.6995449 12.5852855,12.7630208 12.7714844,12.7630208 Z M15.6660156,11.0364583 C15.9707046,11.0364583 16.2330718,11.1464833 16.453125,11.3665365 C16.6731782,11.5865896 16.7832031,11.8489568 16.7832031,12.1536458 C16.7832031,12.4583349 16.6731782,12.7164703 16.453125,12.9280599 C16.2330718,13.1396495 15.9707046,13.2454427 15.6660156,13.2454427 C15.3613266,13.2454427 15.1031912,13.1396495 14.8916016,12.9280599 C14.680012,12.7164703 14.5742188,12.4583349 14.5742188,12.1536458 C14.5742188,11.8489568 14.680012,11.5865896 14.8916016,11.3665365 C15.1031912,11.1464833 15.3613266,11.0364583 15.6660156,11.0364583 Z M15.6660156,12.7884115 C15.8522145,12.7884115 16.0087884,12.7249355 16.1357422,12.5979818 C16.2626959,12.471028 16.3261719,12.3229175 16.3261719,12.1536458 C16.3261719,11.967447 16.2626959,11.810873 16.1357422,11.6839193 C16.0087884,11.5569655 15.8522145,11.4934896 15.6660156,11.4934896 C15.4967439,11.4934896 15.3486334,11.5569655 15.2216797,11.6839193 C15.0947259,11.810873 15.03125,11.967447 15.03125,12.1536458 C15.03125,12.3398447 15.0904942,12.4921869 15.2089844,12.6106771 C15.3274746,12.7291673 15.4798168,12.7884115 15.6660156,12.7884115 Z" id="6-copy-3" fill="#FFFFFF" transform="translate(13.000000, 13.042318) scale(-1, 1) translate(-13.000000, -13.042318) "></path>
+ </g>
+ <g id="Group-2-Copy-5" transform="translate(87.000000, 7.000000)">
+ <ellipse id="Oval-6-Copy-4" fill="#4EADC3" transform="translate(13.000000, 13.000000) rotate(-270.000000) translate(-13.000000, -13.000000) " cx="13" cy="13" rx="13" ry="13"></ellipse>
+ <g id="Group-Copy-2" transform="translate(5.958333, 8.125000)" fill="#FFFFFF">
+ <path d="M12.4751456,7.26752805 C12.6402178,7.35961788 12.6674172,7.49681293 12.5576817,7.6800529 C12.502345,7.77214273 12.4198089,7.81818765 12.3100734,7.81818765 C12.2734949,7.81818765 12.2181582,7.79939381 12.1450012,7.76274581 L9.50759726,6.00082303 C9.34252504,5.90967289 9.31532564,5.77153815 9.42506115,5.58829818 C9.51697637,5.42291236 9.65391128,5.39566129 9.8368038,5.50560527 L12.4751456,7.26752805 Z M7.03432766,6.3870365 L1.89645474,3.05582783 C1.73138251,2.94494416 1.70418311,2.81714603 1.81391863,2.66961436 C1.92365414,2.48637439 2.05120994,2.4497264 2.19846187,2.55967038 L7.03432766,5.69824216 L11.8701934,2.55967038 C12.0174454,2.4497264 12.1450012,2.48637439 12.2556746,2.66961436 C12.3654101,2.81714603 12.3382107,2.94494416 12.1731385,3.05582783 L7.03432766,6.3870365 Z M4.64359416,5.58829818 C4.75426759,5.77153815 4.72613028,5.90967289 4.56105805,6.00082303 L1.92365414,7.76274581 C1.85049713,7.79939381 1.79516042,7.81818765 1.75858191,7.81818765 C1.6488464,7.81818765 1.56631029,7.77214273 1.51191149,7.6800529 C1.40123807,7.49681293 1.42937538,7.35961788 1.59350969,7.26752805 L4.23185152,5.50560527 C4.41474404,5.39566129 4.55167895,5.42291236 4.64359416,5.58829818 L4.64359416,5.58829818 Z M13.4918404,1.3484072 C13.4918404,1.18302138 13.4327521,1.04582632 13.3136375,0.935882342 C13.193585,0.825938361 13.0519605,0.770496524 12.8868883,0.770496524 L1.18176705,0.770496524 C1.01669482,0.770496524 0.875070361,0.825938361 0.755955746,0.935882342 C0.63590322,1.04582632 0.576814868,1.18302138 0.576814868,1.3484072 L0.576814868,8.39609832 C0.576814868,8.56148414 0.63590322,8.69867919 0.755955746,8.80956287 C0.875070361,8.91950685 1.01669482,8.97400899 1.18176705,8.97400899 L12.8868883,8.97400899 C13.0519605,8.97400899 13.193585,8.91950685 13.3136375,8.80956287 C13.4327521,8.69867919 13.4918404,8.56148414 13.4918404,8.39609832 L13.4918404,1.3484072 Z M13.7253801,0.509262106 C13.9542303,0.738546991 14.0686553,1.01857525 14.0686553,1.3484072 L14.0686553,8.39609832 C14.0686553,8.72686996 13.9542303,9.00689822 13.7253801,9.2361831 C13.4955921,9.46546799 13.2170327,9.58011043 12.8868883,9.58011043 L1.18176705,9.58011043 C0.851622602,9.58011043 0.573063227,9.46546799 0.34327519,9.2361831 C0.114425063,9.00689822 0,8.72686996 0,8.39609832 L0,1.3484072 C0,1.01857525 0.114425063,0.738546991 0.34327519,0.509262106 C0.573063227,0.27903753 0.851622602,0.164395087 1.18176705,0.164395087 L12.8868883,0.164395087 C13.2170327,0.164395087 13.4955921,0.27903753 13.7253801,0.509262106 L13.7253801,0.509262106 Z" id="Fill-1"></path>
+ </g>
+ </g>
+ <g id="Group-6-Copy-3" transform="translate(174.000000, 6.000000)">
+ <g id="Group-4" fill="#4EADC3">
+ <ellipse id="Oval-6-Copy-3" transform="translate(13.000000, 13.000000) rotate(-270.000000) translate(-13.000000, -13.000000) " cx="13" cy="13" rx="13" ry="13"></ellipse>
+ </g>
+ <g id="Group-5-Copy-3" transform="translate(3.791667, 9.208333)" fill="#FFFFFF">
+ <g id="Group-15" transform="translate(0.000000, 0.044106)" fill-rule="nonzero">
+ <path d="M0.541666667,0.908390422 L0.541666667,7.21660958 C0.541666667,7.42046561 0.706084452,7.58333333 0.914399823,7.58333333 L18.0439335,7.58333333 C18.2532036,7.58333333 18.4166667,7.42037231 18.4166667,7.21660958 L18.4166667,0.908390422 C18.4166667,0.704534391 18.2522489,0.541666667 18.0439335,0.541666667 L0.914399823,0.541666667 C0.705129753,0.541666667 0.541666667,0.704627685 0.541666667,0.908390422 Z M0,0.908390422 C0,0.406700245 0.404742514,0 0.914399823,0 L18.0439335,0 C18.5489426,0 18.9583333,0.402920013 18.9583333,0.908390422 L18.9583333,7.21660958 C18.9583333,7.71829975 18.5535908,8.125 18.0439335,8.125 L0.914399823,8.125 C0.409390745,8.125 0,7.72207999 0,7.21660958 L0,0.908390422 Z" id="Rectangle-10"></path>
+ </g>
+ <ellipse id="Oval-5" cx="4.17600458" cy="4.03384483" rx="1.12325506" ry="1.10284184"></ellipse>
+ <ellipse id="Oval-5-Copy" cx="7.77042077" cy="4.03384483" rx="1.12325506" ry="1.10284184"></ellipse>
+ <ellipse id="Oval-5-Copy-2" cx="11.364837" cy="4.03384483" rx="1.12325506" ry="1.10284184"></ellipse>
+ <ellipse id="Oval-5-Copy-3" cx="14.9592531" cy="4.03384483" rx="1.12325506" ry="1.10284184"></ellipse>
+ </g>
+ </g>
+ <g id="Group-7-Copy-2" transform="translate(261.000000, 0.000000)">
+ <circle id="Oval-6-Copy-5" fill="#3DABC4" transform="translate(19.000000, 19.000000) rotate(-270.000000) translate(-19.000000, -19.000000) " cx="19" cy="19" r="19"></circle>
+ <g id="Group-29" transform="translate(1.705128, 12.666667)" fill="#FFFFFF">
+ <g id="Group" transform="translate(6.834452, 7.092700) rotate(-270.000000) translate(-6.834452, -7.092700) translate(0.988298, 0.515777)" fill-rule="nonzero">
+ <path d="M5.1932455,11.4964236 L5.1932455,3.20387193 C5.1932455,2.98525922 5.01602488,2.8080386 4.79741216,2.8080386 C4.57879945,2.8080386 4.40157883,2.98525922 4.40157883,3.20387193 L4.40157883,11.4964236 C4.40157883,11.7150363 4.57879945,11.8922569 4.79741216,11.8922569 C5.01602488,11.8922569 5.1932455,11.7150363 5.1932455,11.4964236 Z" id="Line-Copy-13"></path>
+ <path d="M0.931183632,6.63409023 L0.931183632,1.83707916 C0.931183632,1.61846645 0.753963012,1.44124583 0.535350299,1.44124583 C0.316737585,1.44124583 0.139516965,1.61846645 0.139516965,1.83707916 L0.139516965,6.63409023 C0.139516965,6.85270295 0.316737585,7.02992357 0.535350299,7.02992357 C0.753963012,7.02992357 0.931183632,6.85270295 0.931183632,6.63409023 Z" id="Line-Copy-12"></path>
+ <path d="M9.6406144,6.63409023 L9.6406144,1.83707916 C9.6406144,1.61846645 9.46339378,1.44124583 9.24478107,1.44124583 C9.02616835,1.44124583 8.84894773,1.61846645 8.84894773,1.83707916 L8.84894773,6.63409023 C8.84894773,6.85270295 9.02616835,7.02992357 9.24478107,7.02992357 C9.46339378,7.02992357 9.6406144,6.85270295 9.6406144,6.63409023 Z" id="Line-Copy-14"></path>
+ </g>
+ <g id="Group-17" transform="translate(12.111672, 0.227604)">
+ <path d="M15.8131883,8.81640217 C16.0175439,8.93029872 16.0512161,9.09998135 15.9153661,9.32661225 C15.8468606,9.44050881 15.7446828,9.49745708 15.6088328,9.49745708 C15.5635495,9.49745708 15.4950439,9.47421289 15.4044772,9.42888671 L12.1394328,7.24974342 C11.9350772,7.13700907 11.901405,6.96616424 12.037255,6.73953333 C12.1510439,6.53498442 12.3205661,6.50128033 12.5469828,6.63725888 L15.8131883,8.81640217 Z M9.07758279,7.72741163 L2.71701612,3.60737804 C2.51266056,3.47023729 2.47898834,3.31217677 2.61483834,3.12970983 C2.75068834,2.90307893 2.90859945,2.85775275 3.0908939,2.99373129 L9.07758279,6.87551188 L15.0642717,2.99373129 C15.2465661,2.85775275 15.4044772,2.90307893 15.5414883,3.12970983 C15.6773383,3.31217677 15.6436661,3.47023729 15.4393106,3.60737804 M6.11791056,6.73953333 C6.25492167,6.96616424 6.22008834,7.13700907 6.01573279,7.24974342 L2.75068834,9.42888671 C2.66012167,9.47421289 2.59161612,9.49745708 2.54633279,9.49745708 C2.41048279,9.49745708 2.30830501,9.44050881 2.24096056,9.32661225 C2.10394945,9.09998135 2.13878279,8.93029872 2.34197723,8.81640217 L5.60818279,6.63725888 C5.83459945,6.50128033 6.00412167,6.53498442 6.11791056,6.73953333 L6.11791056,6.73953333 Z M17.0718328,1.49564292 C17.0718328,1.291094 16.9986828,1.12141138 16.8512217,0.985432835 C16.7025995,0.849454293 16.5272717,0.780883918 16.3229161,0.780883918 L1.83224945,0.780883918 C1.6278939,0.780883918 1.45256612,0.849454293 1.30510501,0.985432835 C1.15648279,1.12141138 1.08333279,1.291094 1.08333279,1.49564292 L1.08333279,10.2122161 C1.08333279,10.416765 1.15648279,10.5864476 1.30510501,10.7235884 C1.45256612,10.8595669 1.6278939,10.9269751 1.83224945,10.9269751 L16.3229161,10.9269751 C16.5272717,10.9269751 16.7025995,10.8595669 16.8512217,10.7235884 C16.9986828,10.5864476 17.0718328,10.416765 17.0718328,10.2122161 L17.0718328,1.49564292 Z M17.3609495,0.457789606 C17.6442606,0.741368786 17.7859161,1.08770729 17.7859161,1.49564292 L17.7859161,10.2122161 C17.7859161,10.6213139 17.6442606,10.9676524 17.3609495,11.2512316 C17.0764772,11.5348108 16.7316272,11.6766004 16.3229161,11.6766004 L1.83224945,11.6766004 C1.42353834,11.6766004 1.07868834,11.5348108 0.794216119,11.2512316 C0.510905008,10.9676524 0.369249453,10.6213139 0.369249453,10.2122161 L0.369249453,1.49564292 C0.369249453,1.08770729 0.510905008,0.741368786 0.794216119,0.457789606 C1.07868834,0.173048215 1.42353834,0.0312586252 1.83224945,0.0312586252 L16.3229161,0.0312586252 C16.7316272,0.0312586252 17.0764772,0.173048215 17.3609495,0.457789606" id="Fill-1"></path>
+ </g>
+ </g>
+ </g>
+ </g>
+ </g>
+ </g>
+</svg> \ No newline at end of file
diff --git a/web-ui/app/locales/en_US/translation.json b/web-ui/app/locales/en_US/translation.json
index 26dccfcd..22f533c0 100644
--- a/web-ui/app/locales/en_US/translation.json
+++ b/web-ui/app/locales/en_US/translation.json
@@ -84,6 +84,7 @@
"account-recovery": {
"page-title": "Pixelated Account Recovery",
"admin-form": {
+ "image-description": "Admin Recovery Code - Step 1 of 4",
"title": "Contact your account administrator and ask for their part of the recovery code",
"tip1": "The safest way to do this is in person.",
"tip2": "You can call or text if you need to.",
@@ -92,7 +93,18 @@
"button": "Next"
},
"user-form": {
- "title": "Remember your backup account?"
+ "image-description": "User Recovery Code - Step 2 of 4",
+ "title": "Remember your backup account?",
+ "description": "When you created your account you received a message - it was sent by team@pixelated-project.org. You'll need the recovery code that is in it.",
+ "input-label": "type here your backup code",
+ "button": "Next"
+ },
+ "new-password-form": {
+ "image-description": "New Password - Step 3 of 4",
+ "title": "Now, create a new password",
+ "input-label1": "create new password",
+ "input-label2": "confirm your new password",
+ "button": "Next"
}
},
"backup-account": {
diff --git a/web-ui/src/account_recovery/forms/admin_recovery_code_form.js b/web-ui/src/account_recovery/forms/admin_recovery_code_form.js
index 0a28e8b2..75cf6ea5 100644
--- a/web-ui/src/account_recovery/forms/admin_recovery_code_form.js
+++ b/web-ui/src/account_recovery/forms/admin_recovery_code_form.js
@@ -21,11 +21,15 @@ import { translate } from 'react-i18next';
import InputField from 'src/common/input_field/input_field';
import SubmitButton from 'src/common/submit_button/submit_button';
-import './admin_recovery_code_form.scss';
-
+import './forms.scss';
export const AdminRecoveryCodeForm = ({ t, next }) => (
<form className='admin-code-form' onSubmit={next}>
+ <img
+ className='account-recovery-progress'
+ src='/public/images/account-recovery/step_1.svg'
+ alt={t('account-recovery.admin-form.image-description')}
+ />
<h1>{t('account-recovery.admin-form.title')}</h1>
<ul>
<li>{t('account-recovery.admin-form.tip1')}</li>
diff --git a/web-ui/src/account_recovery/forms/admin_recovery_code_form.scss b/web-ui/src/account_recovery/forms/admin_recovery_code_form.scss
deleted file mode 100644
index e69de29b..00000000
--- a/web-ui/src/account_recovery/forms/admin_recovery_code_form.scss
+++ /dev/null
diff --git a/web-ui/src/account_recovery/forms/forms.scss b/web-ui/src/account_recovery/forms/forms.scss
new file mode 100644
index 00000000..1ef0e8d3
--- /dev/null
+++ b/web-ui/src/account_recovery/forms/forms.scss
@@ -0,0 +1,20 @@
+/*
+ * Copyright (c) 2017 ThoughtWorks, Inc.
+ *
+ * Pixelated is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * Pixelated is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with Pixelated. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+.account-recovery-progress {
+ width: 100%;
+}
diff --git a/web-ui/src/account_recovery/forms/new_password_form.js b/web-ui/src/account_recovery/forms/new_password_form.js
new file mode 100644
index 00000000..71239cfa
--- /dev/null
+++ b/web-ui/src/account_recovery/forms/new_password_form.js
@@ -0,0 +1,42 @@
+/*
+ * Copyright (c) 2017 ThoughtWorks, Inc.
+ *
+ * Pixelated is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * Pixelated is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with Pixelated. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import React from 'react';
+import { translate } from 'react-i18next';
+
+import InputField from 'src/common/input_field/input_field';
+import SubmitButton from 'src/common/submit_button/submit_button';
+
+export const NewPasswordForm = ({ t }) => (
+ <form>
+ <img
+ className='account-recovery-progress'
+ src='/public/images/account-recovery/step_3.svg'
+ alt={t('account-recovery.new-password.image-description')}
+ />
+ <h1>{t('account-recovery.new-password-form.title')}</h1>
+ <InputField name='new-password' label={t('account-recovery.new-password-form.input-label1')} />
+ <InputField name='confirm-password' label={t('account-recovery.new-password-form.input-label2')} />
+ <SubmitButton buttonText={t('account-recovery.new-password-form.button')} />
+ </form>
+);
+
+NewPasswordForm.propTypes = {
+ t: React.PropTypes.func.isRequired
+};
+
+export default translate('', { wait: true })(NewPasswordForm);
diff --git a/web-ui/src/account_recovery/forms/new_password_form.spec.js b/web-ui/src/account_recovery/forms/new_password_form.spec.js
new file mode 100644
index 00000000..a2986165
--- /dev/null
+++ b/web-ui/src/account_recovery/forms/new_password_form.spec.js
@@ -0,0 +1,31 @@
+import { shallow } from 'enzyme';
+import expect from 'expect';
+import React from 'react';
+import { NewPasswordForm } from 'src/account_recovery/forms/new_password_form';
+
+describe('NewPasswordForm', () => {
+ let newPasswordForm;
+
+ beforeEach(() => {
+ const mockTranslations = key => key;
+ newPasswordForm = shallow(
+ <NewPasswordForm t={mockTranslations} />
+ );
+ });
+
+ it('renders title for new password form', () => {
+ expect(newPasswordForm.find('h1').text()).toEqual('account-recovery.new-password-form.title');
+ });
+
+ it('renders input for new password', () => {
+ expect(newPasswordForm.find('InputField').at(0).props().label).toEqual('account-recovery.new-password-form.input-label1');
+ });
+
+ it('renders input to confirm new password', () => {
+ expect(newPasswordForm.find('InputField').at(1).props().label).toEqual('account-recovery.new-password-form.input-label2');
+ });
+
+ it('renders submit button', () => {
+ expect(newPasswordForm.find('SubmitButton').props().buttonText).toEqual('account-recovery.new-password-form.button');
+ });
+});
diff --git a/web-ui/src/account_recovery/forms/user_recovery_code_form.js b/web-ui/src/account_recovery/forms/user_recovery_code_form.js
index 2eec96ba..aaefd75d 100644
--- a/web-ui/src/account_recovery/forms/user_recovery_code_form.js
+++ b/web-ui/src/account_recovery/forms/user_recovery_code_form.js
@@ -18,14 +18,28 @@
import React from 'react';
import { translate } from 'react-i18next';
-export const UserRecoveryCodeForm = ({ t }) => (
- <form>
+import InputField from 'src/common/input_field/input_field';
+import SubmitButton from 'src/common/submit_button/submit_button';
+
+import './forms.scss';
+
+export const UserRecoveryCodeForm = ({ t, next }) => (
+ <form className='user-code-form' onSubmit={next}>
+ <img
+ className='account-recovery-progress'
+ src='/public/images/account-recovery/step_2.svg'
+ alt={t('account-recovery.user-form.image-description')}
+ />
<h1>{t('account-recovery.user-form.title')}</h1>
+ <p>{t('account-recovery.user-form.description')}</p>
+ <InputField name='admin-code' label={t('account-recovery.user-form.input-label')} />
+ <SubmitButton buttonText={t('account-recovery.user-form.button')} />
</form>
);
UserRecoveryCodeForm.propTypes = {
- t: React.PropTypes.func.isRequired
+ t: React.PropTypes.func.isRequired,
+ next: React.PropTypes.func.isRequired
};
export default translate('', { wait: true })(UserRecoveryCodeForm);
diff --git a/web-ui/src/account_recovery/forms/user_recovery_code_form.spec.js b/web-ui/src/account_recovery/forms/user_recovery_code_form.spec.js
index ade96f9c..a20d3b7b 100644
--- a/web-ui/src/account_recovery/forms/user_recovery_code_form.spec.js
+++ b/web-ui/src/account_recovery/forms/user_recovery_code_form.spec.js
@@ -5,15 +5,34 @@ import { UserRecoveryCodeForm } from 'src/account_recovery/forms/user_recovery_c
describe('UserRecoveryCodeForm', () => {
let userRecoveryCodeForm;
+ let mockNext;
beforeEach(() => {
const mockTranslations = key => key;
+ mockNext = expect.createSpy();
userRecoveryCodeForm = shallow(
- <UserRecoveryCodeForm t={mockTranslations} />
+ <UserRecoveryCodeForm t={mockTranslations} next={mockNext} />
);
});
it('renders title for user recovery code', () => {
expect(userRecoveryCodeForm.find('h1').text()).toEqual('account-recovery.user-form.title');
});
+
+ it('renders description', () => {
+ expect(userRecoveryCodeForm.find('p').text()).toEqual('account-recovery.user-form.description');
+ });
+
+ it('renders input for user code', () => {
+ expect(userRecoveryCodeForm.find('InputField').props().label).toEqual('account-recovery.user-form.input-label');
+ });
+
+ it('renders submit button', () => {
+ expect(userRecoveryCodeForm.find('SubmitButton').props().buttonText).toEqual('account-recovery.user-form.button');
+ });
+
+ it('submits form to next step', () => {
+ userRecoveryCodeForm.find('form').simulate('submit');
+ expect(mockNext).toHaveBeenCalled();
+ });
});
diff --git a/web-ui/src/account_recovery/page.js b/web-ui/src/account_recovery/page.js
index 93781729..f867fcd5 100644
--- a/web-ui/src/account_recovery/page.js
+++ b/web-ui/src/account_recovery/page.js
@@ -21,6 +21,7 @@ import DocumentTitle from 'react-document-title';
import Header from 'src/common/header/header';
import AdminRecoveryCodeForm from 'src/account_recovery/forms/admin_recovery_code_form';
import UserRecoveryCodeForm from 'src/account_recovery/forms/user_recovery_code_form';
+import NewPasswordForm from 'src/account_recovery/forms/new_password_form';
import Footer from 'src/common/footer/footer';
import 'font-awesome/scss/font-awesome.scss';
@@ -41,7 +42,8 @@ export class Page extends React.Component {
steps = {
0: <AdminRecoveryCodeForm next={this.nextStep} />,
- 1: <UserRecoveryCodeForm />
+ 1: <UserRecoveryCodeForm next={this.nextStep} />,
+ 2: <NewPasswordForm />
}
mainContent = () => this.steps[this.state.step];
diff --git a/web-ui/src/account_recovery/page.spec.js b/web-ui/src/account_recovery/page.spec.js
index 37c7be6f..f5e52c85 100644
--- a/web-ui/src/account_recovery/page.spec.js
+++ b/web-ui/src/account_recovery/page.spec.js
@@ -6,6 +6,7 @@ import { Page } from 'src/account_recovery/page';
import Header from 'src/common/header/header';
import AdminRecoveryCodeForm from 'src/account_recovery/forms/admin_recovery_code_form';
import UserRecoveryCodeForm from 'src/account_recovery/forms/user_recovery_code_form';
+import NewPasswordForm from 'src/account_recovery/forms/new_password_form';
import Footer from 'src/common/footer/footer';
describe('Account Recovery Page', () => {
@@ -37,6 +38,8 @@ describe('Account Recovery Page', () => {
it('renders admin recovery code form as default form', () => {
expect(page.find(AdminRecoveryCodeForm).length).toEqual(1);
+ expect(page.find(UserRecoveryCodeForm).length).toEqual(0);
+ expect(page.find(NewPasswordForm).length).toEqual(0);
});
it('renders user recovery code form when admin code submitted', () => {
@@ -44,6 +47,16 @@ describe('Account Recovery Page', () => {
expect(page.find(AdminRecoveryCodeForm).length).toEqual(0);
expect(page.find(UserRecoveryCodeForm).length).toEqual(1);
+ expect(page.find(NewPasswordForm).length).toEqual(0);
+ });
+
+ it('renders new password form when user code submitted', () => {
+ pageInstance.nextStep({ preventDefault: () => {} });
+ pageInstance.nextStep({ preventDefault: () => {} });
+
+ expect(page.find(AdminRecoveryCodeForm).length).toEqual(0);
+ expect(page.find(UserRecoveryCodeForm).length).toEqual(0);
+ expect(page.find(NewPasswordForm).length).toEqual(1);
});
});
});
diff --git a/web-ui/test/integration/translations.spec.js b/web-ui/test/integration/translations.spec.js
index 7821ac55..4b4c7b2d 100644
--- a/web-ui/test/integration/translations.spec.js
+++ b/web-ui/test/integration/translations.spec.js
@@ -20,6 +20,14 @@ describe('Translations', () => {
expect(app.text()).toNotContain('untranslated', 'Unstranslated message found in the text: ' + app.text());
});
+
+ it('translates all keys on third step', () => {
+ const app = mount(<App i18n={testI18n} child={<AccountRecoveryPage />} />);
+ app.find('form.admin-code-form').simulate('submit');
+ app.find('form.user-code-form').simulate('submit');
+
+ expect(app.text()).toNotContain('untranslated', 'Unstranslated message found in the text: ' + app.text());
+ });
});
context('Backup Account Page', () => {
generated by cgit v1.2.3 (git 2.25.1) at 2024-12-28 03:28:23 +0000