From be53ec32dece5532d0cd0f12800ae1e29e4bfbc7 Mon Sep 17 00:00:00 2001
From: CarlNation <carl.nation@safelite.com>
Date: Mon, 16 May 2022 13:59:24 -0400
Subject: [PATCH] CSR-550 use svg for loading modal

---
 src/assets/img/FMGTransitionAnimation.svg     |  1 +
 .../loading-modal/loading-modal.vue           | 21 ++++---------------
 2 files changed, 5 insertions(+), 17 deletions(-)
 create mode 100644 src/assets/img/FMGTransitionAnimation.svg

diff --git a/src/assets/img/FMGTransitionAnimation.svg b/src/assets/img/FMGTransitionAnimation.svg
new file mode 100644
index 000000000..b3548305d
--- /dev/null
+++ b/src/assets/img/FMGTransitionAnimation.svg
@@ -0,0 +1 @@
+<svg id="eLJHlFdTtnx1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 326 186" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" style="background-color:transparent"><style><![CDATA[#eLJHlFdTtnx4_to {animation: eLJHlFdTtnx4_to__to 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx4_to__to { 0% {transform: translate(162.851563px,121.421875px)} 26.666667% {transform: translate(162.851563px,121.421875px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 30% {transform: translate(162.851563px,101.421875px)} 100% {transform: translate(162.851563px,101.421875px)}} #eLJHlFdTtnx4 {animation: eLJHlFdTtnx4_c_o 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx4_c_o { 0% {opacity: 1} 26.666667% {opacity: 1;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 30% {opacity: 0} 100% {opacity: 0}} #eLJHlFdTtnx5_to {animation: eLJHlFdTtnx5_to__to 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx5_to__to { 0% {transform: translate(150.339843px,121.421876px)} 13.333333% {transform: translate(150.339843px,121.421876px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 16.666667% {transform: translate(162.652343px,121.421876px)} 100% {transform: translate(162.652343px,121.421876px)}} #eLJHlFdTtnx5 {animation: eLJHlFdTtnx5_f_p 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx5_f_p { 0% {fill: #4d5151} 13.333333% {fill: #4d5151} 16.666667% {fill: #000} 100% {fill: #000}} #eLJHlFdTtnx7_ts {animation: eLJHlFdTtnx7_ts__ts 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx7_ts__ts { 0% {transform: translate(61.25px,121.25px) scale(0.5,0.5)} 13.333333% {transform: translate(61.25px,121.25px) scale(0.5,0.5);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 16.666667% {transform: translate(61.25px,121.25px) scale(1,1)} 100% {transform: translate(61.25px,121.25px) scale(1,1)}} #eLJHlFdTtnx7 {animation: eLJHlFdTtnx7_c_o 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx7_c_o { 0% {opacity: 0} 13.333333% {opacity: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 16.666667% {opacity: 1} 100% {opacity: 1}} #eLJHlFdTtnx10 {animation: eLJHlFdTtnx10_c_o 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx10_c_o { 0% {opacity: 1} 26.666667% {opacity: 1} 30% {opacity: 0} 100% {opacity: 0}} #eLJHlFdTtnx14_to {animation: eLJHlFdTtnx14_to__to 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx14_to__to { 0% {transform: translate(162.851563px,141.421875px)} 26.666667% {transform: translate(162.851563px,141.421875px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 30% {transform: translate(162.851563px,121.421875px)} 56.666667% {transform: translate(163px,121.414063px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 60% {transform: translate(162.851563px,101.421875px)} 100% {transform: translate(162.851563px,101.421875px)}} #eLJHlFdTtnx14 {animation: eLJHlFdTtnx14_c_o 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx14_c_o { 0% {opacity: 0} 26.666667% {opacity: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 30% {opacity: 1} 56.666667% {opacity: 1;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 60% {opacity: 0} 100% {opacity: 0}} #eLJHlFdTtnx15_to {animation: eLJHlFdTtnx15_to__to 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx15_to__to { 0% {transform: translate(150.339843px,121.421876px)} 43.333333% {transform: translate(150.339843px,121.421876px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 46.666667% {transform: translate(162.652343px,121.421876px)} 100% {transform: translate(162.652343px,121.421876px)}} #eLJHlFdTtnx15 {animation: eLJHlFdTtnx15_f_p 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx15_f_p { 0% {fill: #4d5151} 43.333333% {fill: #4d5151} 46.666667% {fill: #000} 100% {fill: #000}} #eLJHlFdTtnx17_ts {animation: eLJHlFdTtnx17_ts__ts 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx17_ts__ts { 0% {transform: translate(61.25px,121.25px) scale(0.5,0.5)} 43.333333% {transform: translate(61.25px,121.25px) scale(0.5,0.5);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 46.666667% {transform: translate(61.25px,121.25px) scale(1,1)} 100% {transform: translate(61.25px,121.25px) scale(1,1)}} #eLJHlFdTtnx17 {animation: eLJHlFdTtnx17_c_o 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx17_c_o { 0% {opacity: 0} 43.333333% {opacity: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 46.666667% {opacity: 1} 100% {opacity: 1}} #eLJHlFdTtnx20 {animation: eLJHlFdTtnx20_c_o 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx20_c_o { 0% {opacity: 0} 26.666667% {opacity: 0} 30% {opacity: 1} 56.666667% {opacity: 1} 60% {opacity: 0} 100% {opacity: 0}} #eLJHlFdTtnx31_to {animation: eLJHlFdTtnx31_to__to 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx31_to__to { 0% {transform: translate(163px,141.421875px)} 56.666667% {transform: translate(163px,141.421875px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 60% {transform: translate(163px,121.421876px)} 86.666667% {transform: translate(163px,121.414063px)} 100% {transform: translate(163px,121.414063px)}} #eLJHlFdTtnx31 {animation: eLJHlFdTtnx31_c_o 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx31_c_o { 0% {opacity: 0} 56.666667% {opacity: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 60% {opacity: 1} 86.666667% {opacity: 1} 100% {opacity: 1}} #eLJHlFdTtnx32_to {animation: eLJHlFdTtnx32_to__to 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx32_to__to { 0% {transform: translate(150.339843px,121.421876px)} 73.333333% {transform: translate(150.339843px,121.421876px);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 76.666667% {transform: translate(162.652343px,121.421876px)} 100% {transform: translate(162.652343px,121.421876px)}} #eLJHlFdTtnx32 {animation: eLJHlFdTtnx32_f_p 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx32_f_p { 0% {fill: #4d5151} 73.333333% {fill: #4d5151} 76.666667% {fill: #000} 100% {fill: #000}} #eLJHlFdTtnx34_ts {animation: eLJHlFdTtnx34_ts__ts 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx34_ts__ts { 0% {transform: translate(61.25px,121.25px) scale(0.5,0.5)} 73.333333% {transform: translate(61.25px,121.25px) scale(0.5,0.5);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 76.666667% {transform: translate(61.25px,121.25px) scale(1,1)} 100% {transform: translate(61.25px,121.25px) scale(1,1)}} #eLJHlFdTtnx34 {animation: eLJHlFdTtnx34_c_o 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx34_c_o { 0% {opacity: 0} 73.333333% {opacity: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 76.666667% {opacity: 1} 100% {opacity: 1}} #eLJHlFdTtnx37 {animation: eLJHlFdTtnx37_c_o 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx37_c_o { 0% {opacity: 0} 56.666667% {opacity: 0} 60% {opacity: 1} 100% {opacity: 1}} #eLJHlFdTtnx42_tr {animation: eLJHlFdTtnx42_tr__tr 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx42_tr__tr { 0% {transform: translate(40px,40px) rotate(0deg)} 16.666667% {transform: translate(40px,40px) rotate(0deg);animation-timing-function: cubic-bezier(0.534019,0,0.824873,0.402208)} 26.666667% {transform: translate(40px,40px) rotate(0deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 30% {transform: translate(40px,40px) rotate(360deg);animation-timing-function: cubic-bezier(0.895,0.03,0.685,0.22)} 46.666667% {transform: translate(40px,40px) rotate(360deg);animation-timing-function: cubic-bezier(0.956817,0,0.673808,0.650156)} 56.666667% {transform: translate(40px,40px) rotate(360deg);animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 60% {transform: translate(40px,40px) rotate(720deg);animation-timing-function: cubic-bezier(0.895,0.03,0.685,0.22)} 76.666667% {transform: translate(40px,40px) rotate(720deg)} 100% {transform: translate(40px,40px) rotate(720deg)}} #eLJHlFdTtnx42 {animation: eLJHlFdTtnx42_s_do 15000ms linear 1 normal forwards}@keyframes eLJHlFdTtnx42_s_do { 0% {stroke-dashoffset: 219.91;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 16.666667% {stroke-dashoffset: 0;animation-timing-function: cubic-bezier(0.534019,0,0.824873,0.402208)} 26.666667% {stroke-dashoffset: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 30% {stroke-dashoffset: 219.91;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 46.666667% {stroke-dashoffset: 0;animation-timing-function: cubic-bezier(0.956817,0,0.673808,0.650156)} 56.666667% {stroke-dashoffset: 0;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 60% {stroke-dashoffset: 219.91;animation-timing-function: cubic-bezier(0.77,0,0.175,1)} 76.666667% {stroke-dashoffset: 0} 100% {stroke-dashoffset: 0}}]]></style><g transform="translate(.000001 10.597656)"><g id="eLJHlFdTtnx4_to" transform="translate(162.851563,121.421875)"><g id="eLJHlFdTtnx4" transform="translate(-150.324219,-121.421875)"><g id="eLJHlFdTtnx5_to" transform="translate(150.339843,121.421876)"><text id="eLJHlFdTtnx5" dx="0" dy="0" font-family="&quot;eLJHlFdTtnx1:::Roboto&quot;" font-size="16" font-weight="400" transform="translate(-85.179687,5.46875)" fill="#4d5151" stroke-width="0"><tspan y="0" font-weight="400" stroke-width="0"><![CDATA[Assessing your damage]]></tspan></text></g><g id="eLJHlFdTtnx7_ts" transform="translate(61.25,121.25) scale(0.5,0.5)"><g id="eLJHlFdTtnx7" transform="translate(-61.25,-121.25)" opacity="0"><ellipse rx="8.75" ry="8.75" transform="translate(61.25 121.25)" fill="#0c7e47" stroke-width="0"/><path d="M44.800008,142.400004L52.400004,150l15.199992-15.199992" transform="matrix(.416666 0 0 0.416666 38.33337 61.91676)" fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></g></g></g></g><g id="eLJHlFdTtnx10" transform="translate(142.231345 35.134984)"><path d="M21.5025,15.0567c-1.531-1.532-4.014-1.5329-5.546-.0019s-1.5329,4.0139-.002,5.5459L32.1196,36.7771c1.5309,1.532,4.0139,1.5329,5.546.0019s1.5328-4.014.0019-5.546L21.5025,15.0567Z" fill="#da291c" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.2807,1.11108c-1.8532-.00068-3.6735.48979-5.27548,1.42145L15.4732,9.99744L10.893,14.5746L3.64952,7.34036c-.93356,2.07767-1.17001,4.40154-.67403,6.62474s1.69775,4.2261,3.42588,5.71C8.1295,21.1589,10.2913,22.044,12.5638,22.198s4.534-.4311,6.4466-1.6681c1.9126-1.2371,3.3737-3.0596,4.1652-5.1954s.8708-4.4704.2262-6.65506-1.9786-4.10219-3.8027-5.46626-4.0407-2.10147-6.3184-2.1021Z" fill="#fff" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M34.6776,35.368c.9447,0,1.7104-.765,1.7104-1.7088c0-.9437-.7657-1.7088-1.7104-1.7088-.9446,0-1.7104.7651-1.7104,1.7088c0,.9438.7658,1.7088,1.7104,1.7088Z" fill="#fff" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></g><g id="eLJHlFdTtnx14_to" transform="translate(162.851563,141.421875)"><g id="eLJHlFdTtnx14" transform="translate(-129.68164,-121.414062)" opacity="0"><g id="eLJHlFdTtnx15_to" transform="translate(150.339843,121.421876)"><text id="eLJHlFdTtnx15" dx="0" dy="0" font-family="&quot;eLJHlFdTtnx1:::Roboto&quot;" font-size="16" font-weight="400" transform="translate(-85.179687,5.46875)" fill="#4d5151" stroke-width="0"><tspan y="0" font-weight="400" stroke-width="0"><![CDATA[Finding your glass]]></tspan></text></g><g id="eLJHlFdTtnx17_ts" transform="translate(61.25,121.25) scale(0.5,0.5)"><g id="eLJHlFdTtnx17" transform="translate(-61.25,-121.25)" opacity="0"><ellipse rx="8.75" ry="8.75" transform="translate(61.25 121.25)" fill="#0c7e47" stroke-width="0"/><path d="M44.800008,142.400004L52.400004,150l15.199992-15.199992" transform="matrix(.416666 0 0 0.416666 38.33337 61.91676)" fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></g></g></g></g><g id="eLJHlFdTtnx20" transform="translate(140.504428 37.988812)" opacity="0"><path d="M4.68427,26.5728c0,1.8432,1.48104,3.0192,3.30739,3.0192s3.30584-1.176,3.30584-3.0192" fill="#fff"/><path d="M4.68427,26.5728c0,1.8432,1.48104,3.0192,3.30739,3.0192s3.30584-1.176,3.30584-3.0192" fill="none" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M34.7328,26.5728c0,1.8432,1.4811,3.0192,3.3059,3.0192s3.3074-1.176,3.3074-3.0192" fill="#fff"/><path d="M34.7328,26.5728c0,1.8432,1.4811,3.0192,3.3059,3.0192s3.3074-1.176,3.3074-3.0192" fill="none" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.1141,1.47998c7.5731,0,11.1435.88,11.1435.88c3.3533.5408,5.3476,6.8256,5.3476,6.8256h.6795c0-2.2944,1.2308-2.2672,2.197-1.8912.6769.27406,1.2757.71394,1.7424,1.28c1.2371,1.46562.4356,1.58562.4356,1.58562h-4.7631l3.6036,2.848v11.36c0,2.2832-1.9008,2.184-1.9008,2.184h-36.96738c0,0-1.9008.0992-1.9008-2.184v-11.36l3.6036-2.848h-4.76626c0,0-.801499-.12.4356-1.58562.46683-.56591,1.06557-1.00576,1.74241-1.28.96782-.3728,2.20492-.4,2.20492,1.8944h.68112c0,0,1.98475-6.2848,5.33809-6.8288c0,0,3.5703-.88,11.1434-.88Z" fill="#fff" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.1141,9.48313c7.4274,0,13.7618.48,13.7618.48c0-2.4512-2.2303-5.6912-2.2303-5.6912s-3.7145-.7856-11.5315-.7856-11.5315.7936-11.5315.7936-2.23031,3.24-2.23031,5.6912c0-.0016,6.33441-.488,13.76181-.488Z" fill="#da291c" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.7576,16.3583c4.1362-.4454,8.3076-.4454,12.4439,0" fill="none" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M32.2697,15.944c0,0,2.2366-2.1392,8.0783-2.1392c0,0,1.1088,2.5168-2.376,3.192" fill="none" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.6893,15.944c0,0-2.2366-2.1392-8.06892-2.1392c0,0-1.0882,2.4416,2.376,3.192" fill="none" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.68427,22.5424c0,0,20.16903,3.4528,36.66643,0" fill="none" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></g><g id="eLJHlFdTtnx31_to" transform="translate(163,141.421875)"><g id="eLJHlFdTtnx31" transform="translate(-139.798828,-121.414062)" opacity="0"><g id="eLJHlFdTtnx32_to" transform="translate(150.339843,121.421876)"><text id="eLJHlFdTtnx32" dx="0" dy="0" font-family="&quot;eLJHlFdTtnx1:::Roboto&quot;" font-size="16" font-weight="400" transform="translate(-85.179687,5.46875)" fill="#4d5151" stroke-width="0"><tspan y="0" font-weight="400" stroke-width="0"><![CDATA[Generating your quote]]></tspan></text></g><g id="eLJHlFdTtnx34_ts" transform="translate(61.25,121.25) scale(0.5,0.5)"><g id="eLJHlFdTtnx34" transform="translate(-61.25,-121.25)" opacity="0"><ellipse rx="8.75" ry="8.75" transform="translate(61.25 121.25)" fill="#0c7e47" stroke-width="0"/><path d="M44.800008,142.400004L52.400004,150l15.199992-15.199992" transform="matrix(.416666 0 0 0.416666 38.33337 61.91676)" fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></g></g></g></g><g id="eLJHlFdTtnx37" transform="translate(143.118552 35.400006)" opacity="0"><path d="M21.6984,34.0096L18.748,36.96L3.14001,21.3472l2.89761-2.8976l15.66078,15.56Z" fill="#da291c" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M37.86,8.64639L36.0552,19.6576L21.6984,34.0096L6.0376,18.4496L20.4424,4.04479l11.0112-1.8048L37.86,8.64639Z" fill="#fff" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M29.5881,12.8432c1.2892,0,2.3344-1.0451,2.3344-2.3344s-1.0452-2.33436-2.3344-2.33436-2.3344,1.04515-2.3344,2.33436s1.0451,2.3344,2.3344,2.3344Z" fill="#fff" stroke="#000" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></g></g><g transform="translate(123 25.122457)"><g id="eLJHlFdTtnx42_tr" transform="translate(40,40) rotate(0)"><ellipse id="eLJHlFdTtnx42" rx="35" ry="35" transform="translate(0,0)" fill="none" stroke="#da291c" stroke-width="6" stroke-linecap="round" stroke-dashoffset="219.91" stroke-dasharray="219.91"/></g></g><style><![CDATA[@font-face {font-family: 'eLJHlFdTtnx1:::Roboto';font-style: normal;font-weight: 400;src: url(data:font/ttf;charset=utf-8;base64,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) format('truetype');}]]></style></svg>
\ No newline at end of file
diff --git a/src/common-components/loading-modal/loading-modal.vue b/src/common-components/loading-modal/loading-modal.vue
index 741800792..31058951e 100644
--- a/src/common-components/loading-modal/loading-modal.vue
+++ b/src/common-components/loading-modal/loading-modal.vue
@@ -3,14 +3,7 @@
     <div class="loading-modal">
       <section class="loading-modal-body">
         <div class="modal-icon-container text-center">
-            <img class="loader-gif" alt="Loading" src="@/assets/img/loader.gif">
-            <img class="modal-icon" alt="" src="@/assets/img/windshield.png">
-        </div>
-        <div class="text-center fw-bold fs-5 loading-modal-text">
-            Please wait...
-        </div>
-        <div class="text-center fs-5 loading-modal-text">
-            This process can take up to 20 seconds.
+            <img class="" alt="Loading" src="@/assets/img/FMGTransitionAnimation.svg">
         </div>
        </section>
     </div>
@@ -60,23 +53,15 @@
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
     border-radius: 4px;
     top: 48px;
-    height: 246px;
+    height: 186px;
     width: 327px;
   }
 
-  .loading-modal-body {
-    position: relative;
-    padding: 20px 10px;
-  }
-
   .loading-modal-text {
       padding: 0 24px 0 24px;
   }
 
   .modal-icon-container {
-    position: relative;
-    width: 75px;
-    height: 75px;
     margin: 15px auto;
     padding-bottom: 26px;
   }
@@ -85,6 +70,8 @@
       position: absolute;
       vertical-align: middle;
       border: 0;
+      width: 327px;
+      height: 186px;
       left: 50%;
       top: 50%;
       transform: translate(-50%, -50%);