360 lines
30 KiB
Plaintext
360 lines
30 KiB
Plaintext
<div class="overlay-modal">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-container">
|
|
<div class="modal-logo">
|
|
<img class="modal-logo-img" src="https://cdn.filepicker.io/security=policy:eyJleHBpcnkiOjQ5MDE3MzM4NTQsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:45632331d229e721a9670c0f940a2845467523a6398aa7ee0de80e7e59d8aa7a/glXgXFmuT2KPDDWoWnHg" alt="">
|
|
</div>
|
|
<div class="modal-content-container">
|
|
<div class="modal-descirption">
|
|
<div class="modal-heading">
|
|
Welcome to Supplier Academy <br>
|
|
your one-stop-shop for success at Walmart!
|
|
</div>
|
|
<div class="modal-text">
|
|
<div class="modal-smaller-heading">
|
|
In Supplier Academy you can...
|
|
</div>
|
|
<div class="list-modal-container">
|
|
<div class="list-item">
|
|
<div class="dot"></div>
|
|
<div class="dot-modal">Explore hundreds of eLearning modules</div>
|
|
</div>
|
|
<div class="list-item">
|
|
<div class="dot"></div>
|
|
<div class="dot-modal">Sign up for live webinars</div>
|
|
</div>
|
|
<div class="list-item">
|
|
<div class="dot"></div>
|
|
<div class="dot-modal">Complete custom learning paths</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-text-description">
|
|
The Supplier Development team is here to support you every step of the way. If you have any questions or need assistance, feel free to reach out to us at <span class="text-bold">supplierdevelopment@walmart.com</span>.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-dividing-line"></div>
|
|
<div class="modal-form">
|
|
<div class="modal-welcome-section">
|
|
<div class="welcome-image-wrapper">
|
|
<svg class="welcome-image" xmlns="http://www.w3.org/2000/svg" width="186" height="162" fill="none" viewBox="0 0 186 162"><mask id="a" width="164" height="162" x="11" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#E6F1FC" d="M93 162c44.793 0 81.105-36.265 81.105-81S137.793 0 93 0C48.207 0 11.895 36.265 11.895 81S48.207 162 93 162Z"/></mask><g mask="url(#a)"><path fill="#E6F1FC" d="M93.287 161.783c44.793 0 81.105-36.265 81.105-81s-36.312-81-81.105-81c-44.793 0-81.104 36.265-81.104 81s36.311 81 81.104 81Z"/><path fill="#000" fill-rule="evenodd" d="M48.976 48.756c0-13.853 11.23-25.084 25.083-25.084 13.854 0 25.084 11.23 25.084 25.084v52.57H48.976v-52.57Z" clip-rule="evenodd"/><path fill="#000" d="M60.524 121.778c14.585 0 26.408-11.474 26.408-25.629 0-14.154-11.823-25.629-26.408-25.629S34.116 81.995 34.116 96.15c0 14.154 11.823 25.628 26.408 25.628Z"/><path fill="#000" d="M64.193 93.67c13.493 0 24.43-9.994 24.43-22.322s-10.938-22.322-24.43-22.322c-13.492 0-24.43 9.994-24.43 22.322S50.7 93.67 64.193 93.67Z"/><path fill="#000" d="M81.692 121.778c14.585 0 26.408-11.474 26.408-25.629 0-14.154-11.823-25.629-26.408-25.629-14.584 0-26.408 11.475-26.408 25.63 0 14.154 11.824 25.628 26.408 25.628Z"/><path fill="#000" d="M85.362 93.67c13.492 0 24.43-9.994 24.43-22.322s-10.938-22.322-24.43-22.322c-13.493 0-24.43 9.994-24.43 22.322S71.868 93.67 85.361 93.67Z"/><path fill="#CC8B57" d="M57.865 32.533c0-.719.583-1.302 1.302-1.302H88.95c.72 0 1.302.583 1.302 1.302v31.352c0 8.943-7.25 16.193-16.193 16.193-8.944 0-16.194-7.25-16.194-16.193V32.533Z"/><path fill="#CC8B57" d="M85.173 53.832c0-.03.025-.056.055-.056h4.773a4.697 4.697 0 1 1 0 9.394h-4.773a.056.056 0 0 1-.055-.056v-9.282ZM53.422 58.473a4.697 4.697 0 0 1 4.696-4.697h4.774c.03 0 .055.025.055.056v9.282c0 .031-.025.056-.055.056h-4.774a4.697 4.697 0 0 1-4.696-4.697Z"/><path fill="#000" fill-rule="evenodd" d="m57.865 31.142 15.876-5.636 16.51 5.636 1.906 5.01-1.905 3.196s-6.918 1.882-14.606 7.126c-7.688 5.244-17.78 7.839-17.78 7.839l-2.541-11.899 2.54-11.272Z" clip-rule="evenodd"/><path fill="#CC8B57" d="M103.309 161.352a81.946 81.946 0 0 1-10.31.648c-27.395 0-51.619-13.565-66.302-34.337l.746-6.223c1.485-12.392 10.814-22.127 22.408-26.747 7.552-3.01 14.365-6.945 14.365-11.353 0-4.514-.635-12.655-.635-12.655l20.956.67s-.636 7.166-.636 11.702c0 3.666 4.454 6.986 10.15 9.735 13.155 6.345 23.332 18.776 22.241 33.34l-1.141 15.246-11.842 3.945v16.029Z"/><path fill="#CC8B57" d="M103.309 161.352a81.946 81.946 0 0 1-10.31.648c-27.395 0-51.619-13.565-66.302-34.337l.746-6.223c1.485-12.392 10.814-22.127 22.408-26.747 7.552-3.01 14.365-6.945 14.365-11.353 0-4.514-.635-12.655-.635-12.655l20.956.67s-.04.449-.1 1.191c-.178 2.228-.535 7.11-.535 10.511 0 3.655 4.427 6.967 10.1 9.71l.05.025c13.154 6.345 23.331 18.776 22.24 33.34l-1.141 15.246-11.842 3.945v16.029Z"/><path fill="#002D58" d="M107.533 160.703A81.682 81.682 0 0 1 93 162c-27.396 0-51.62-13.565-66.303-34.337l.746-6.223c1.485-12.392 10.814-22.127 22.408-26.747a76.48 76.48 0 0 0 2.998-1.266c4.798 3.816 12.11 7.85 21.527 7.762 9.32-.086 16.404-4.028 21.038-7.762 3.035 1.374 6.336 2.59 9.458 3.616 8.322 2.737 15.635 8.217 19.63 16.015l7.772 15.168-15.888 23.264c-.357.356-.661.627-.903.799-3.416 2.436-7.881 7.501-7.881 7.501l-.069.913Z"/><path fill="#0071DC" stroke="#0071DC" d="M66.728 157.657c-2.297-15.585-9.227-51.295-11.944-65.139a69.043 69.043 0 0 1-4.933 2.175 41.087 41.087 0 0 0-7.208 3.73c.034 12.271.096 34.461.126 46.177a80.98 80.98 0 0 0 23.96 13.057Z"/><path fill="#E8E8E8" d="M46.659 130.675c-.696 0-1.26.565-1.26 1.261v1.921c0 .696.564 1.26 1.26 1.26h9.354a1.26 1.26 0 0 0 1.26-1.26v-1.921c0-.696-.564-1.261-1.26-1.261h-9.354Z"/><path fill="#0071DC" stroke="#0071DC" d="M107.768 160.661A81.662 81.662 0 0 1 92.999 162c-3.143 0-6.244-.178-9.294-.526.02-.229.043-.457.065-.684 1.34-13.57 7.571-53.269 9.94-68.165 3.474 1.706 7.444 3.196 11.162 4.418.268.089.535.18.801.273-.017 15.586-.037 50.069.096 54.391.11 3.56 1.21 6.951 1.999 8.954Z"/><path fill="#FEBC11" fill-rule="evenodd" d="M97.748 115.862c-.47 0-.844.257-.844.568l.29 3.171c.028.189.27.338.554.338.29 0 .533-.149.568-.338l.284-3.171c0-.311-.374-.568-.852-.568Zm-4.437 2.596c-.277-.155-.692.034-.928.433-.242.399-.2.845.084 1l2.949 1.346c.187.061.436-.068.581-.311.146-.244.132-.521-.02-.642l-2.666-1.826Zm9.731 1.433c.277-.155.319-.601.083-1-.242-.399-.658-.588-.934-.433l-2.666 1.826c-.152.121-.166.398-.02.642.145.243.394.372.581.311l2.956-1.346Zm-10.576 4.051c-.283.162-.325.608-.083 1.007.236.399.651.588.928.433l2.665-1.826c.153-.128.167-.405.021-.649-.145-.243-.394-.372-.581-.304l-2.95 1.339Zm7.62-1.339c-.187-.068-.436.061-.582.304-.145.244-.131.521.021.649l2.666 1.826c.276.155.692-.034.934-.433.236-.399.194-.845-.083-1.007l-2.956-1.339Zm-2.33 1.297c-.292 0-.534.142-.562.332l-.29 3.17c0 .318.374.575.844.575.478 0 .852-.257.852-.575l-.284-3.17c-.035-.19-.277-.332-.56-.332Z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M84.762 57.981c0-1.27-1.04-2.3-2.321-2.3a2.31 2.31 0 0 0-2.321 2.3M68.139 57.981c0-1.27-1.04-2.3-2.321-2.3a2.31 2.31 0 0 0-2.321 2.3" clip-rule="evenodd"/><path fill="#AD764A" fill-rule="evenodd" d="M74.12 66.365c1.436 0 2.601-.925 2.601-1.278s-1.165-.64-2.602-.64c-1.437 0-2.602.287-2.602.64 0 .353 1.165 1.278 2.602 1.278Z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M69.188 69.528c0 2.223 2.522 3.354 4.656 3.354 2.133 0 4.849-1.131 4.849-3.354" clip-rule="evenodd"/><path fill="#CC8B57" d="M140.571 146.61c-2.432-7.256-8.297-18.384-8.297-18.384-3.573 2.86-7.998 9.402-11.253 14.217-1.415 2.091-2.609 3.857-3.417 4.853-.338-.126-1.477-.238-3.088-.396-3.442-.34-9.04-.891-13.582-2.235-.456-.15-.947-.231-1.45-.315-1.698-.282-3.522-.585-4.551-3.63l-4.668 14.466c4.859.32 9.964 1.914 14.651 3.378 1.864.582 3.662 1.144 5.351 1.596a80.764 80.764 0 0 0 30.304-13.55Z"/><path fill="#CC8B57" fill-rule="evenodd" d="M88.72 156.246c-2.567-.136-5.46-.633-6.511-1.794-1.051-1.161-.424-.91-1.005-2.01-.58-1.1-.81-.894-1.823-1.944-1.014-1.049-.04-2.168-.408-2.962-.276-.595-.913-.369-.82-2.067.06-1.132.865-2.314.896-2.88.03-.566-2.786-4.442 5.51-4.442 1.927.102 4.058.574 10.215 2.852-.367 6.738 1.284 12.231-6.054 15.247Z" clip-rule="evenodd"/><path fill="#AD764A" fill-rule="evenodd" d="m128.28 149.592-1.306-.378c-.81-.234-2.107-.414-3.48-.603-.804-.111-1.633-.225-2.368-.353-1.949-.339-3.495-.953-3.522-.962l.167-.198c.027.009 1.509.629 3.439.964.732.127 1.558.242 2.358.352 1.383.191 2.688.371 3.514.611l1.306.378-.108.189Z" clip-rule="evenodd"/><path fill="#CC8B57" fill-rule="evenodd" d="M95.684 146.851c-.638-.376-.147-5.776-.902-6.402-.902-.747-1.366-3.576-1.346-5.271.033-2.822 1.076-4.701.415-5.303-1.187-1.083-3.208.478-4.795 2.98-.75 2.881-.221 6.056-1.524 7.248-14.653 13.408 6.22 7.633 8.152 6.748Z" clip-rule="evenodd"/><path fill="#AD764A" d="m63.95 76.54.028.49A18.475 18.475 0 0 0 77.6 83c2.21 0 4.329-.387 6.293-1.096.033-1.704.13-3.632.238-5.37a16.125 16.125 0 0 1-10.093 3.53c-3.814 0-7.32-1.318-10.087-3.525Z"/></g><rect width="162" height="162" x="12" fill="#D2EFF9" rx="81"/><mask id="b" width="162" height="162" x="12" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><rect width="162" height="162" x="12" fill="#fff" rx="81"/></mask><g mask="url(#b)"><path fill="#000" fill-rule="evenodd" d="M66.993 38.241C66.993 23.75 78.743 12 93.235 12c14.493 0 26.241 11.749 26.241 26.241v54.996H66.993V38.241Z" clip-rule="evenodd"/><path fill="#000" d="M79.075 114.634c15.257 0 27.626-12.004 27.626-26.812 0-14.808-12.369-26.812-27.626-26.812-15.258 0-27.627 12.004-27.627 26.812 0 14.808 12.369 26.812 27.627 26.812Z"/><path fill="#000" d="M82.913 85.228c14.115 0 25.558-10.455 25.558-23.352S97.028 38.524 82.913 38.524 57.356 48.979 57.356 61.876s11.442 23.352 25.557 23.352Z"/><path fill="#000" d="M101.22 114.634c15.258 0 27.626-12.004 27.626-26.812 0-14.808-12.368-26.812-27.626-26.812-15.258 0-27.627 12.004-27.627 26.812 0 14.808 12.37 26.812 27.627 26.812Z"/><path fill="#000" d="M105.059 85.228c14.115 0 25.557-10.455 25.557-23.352s-11.442-23.352-25.557-23.352c-14.115 0-25.558 10.455-25.558 23.352s11.442 23.352 25.558 23.352Z"/><path fill="#CC8B57" d="M76.293 21.27c0-.752.61-1.362 1.362-1.362h31.158c.752 0 1.362.61 1.362 1.362v32.799c0 9.356-7.585 16.94-16.941 16.94-9.356 0-16.94-7.584-16.94-16.94v-32.8Z"/><path fill="#CC8B57" d="M104.861 43.552c0-.032.026-.058.058-.058h4.993a4.914 4.914 0 1 1 0 9.827h-4.993a.058.058 0 0 1-.058-.058v-9.711ZM71.644 48.407c0-2.713 2.2-4.913 4.914-4.913h4.993c.033 0 .059.026.059.058v9.71a.058.058 0 0 1-.058.059h-4.994a4.914 4.914 0 0 1-4.914-4.914Z"/><path fill="#000" fill-rule="evenodd" d="m76.293 19.815 16.609-5.897 17.272 5.897 1.993 5.24-1.993 3.344s-7.237 1.97-15.28 7.455c-8.042 5.486-18.6 8.2-18.6 8.2l-2.658-12.447 2.657-11.792Z" clip-rule="evenodd"/><path fill="#CC8B57" fill-rule="evenodd" d="M104.196 61.883s-.665 7.497-.665 12.242c0 4.06 5.224 7.716 11.684 10.685 13.271 6.098 23.38 18.642 22.29 33.206l-1.282 17.121-12.388 4.128v55.982l-13.765 17.646H75.659l-13.765-17.646L57 154.5l-17.129-1.882 4.71-39.294c1.486-12.392 10.792-22.173 22.433-26.675 8.25-3.19 15.923-7.444 15.923-12.229 0-4.722-.665-13.239-.665-13.239l21.924.702Z" clip-rule="evenodd"/><mask id="c" width="116" height="152" x="39" y="61" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M104.196 61.883s-.665 7.497-.665 12.242c0 6.24 12.339 11.525 22.544 14.83 8.335 2.697 15.645 8.19 19.639 15.987l8.422 16.437-23.02 33.708s-2.476 13.787-4.515 24.602c-1.624 8.612-1.293 22.395-1.293 22.395l-15.238 10.809H75.659l-13.765-17.646-4.129-42.079-17.894-.55 4.71-39.294c1.486-12.392 10.792-22.173 22.433-26.675 8.25-3.19 15.923-7.444 15.923-12.229 0-4.722-.665-13.239-.665-13.239l21.924.702Z" clip-rule="evenodd"/></mask><g mask="url(#c)"><path fill="#CC8B57" fill-rule="evenodd" d="M104.196 61.883s-.665 7.497-.665 12.242c0 4.06 5.224 7.716 11.684 10.685 13.271 6.098 23.38 18.642 22.29 33.206l-1.282 17.121-12.388 4.128v55.982l-13.765 17.646H75.659l-13.765-17.646L57 154l-17.129-1.382 4.71-39.294c1.486-12.392 10.792-22.173 22.433-26.675 8.25-3.19 15.923-7.444 15.923-12.229 0-4.722-.665-13.239-.665-13.239l21.924.702Z" clip-rule="evenodd"/><path fill="#002D58" fill-rule="evenodd" d="M64.198 78.05s10.756 15.217 29.368 15.044C112.18 92.92 122.27 78.05 122.27 78.05l17.136 11.068 17.52 31.573s-16.782 23.312-20.356 25.861c-3.574 2.549-8.244 7.847-8.244 7.847l-3.115 40.849-26.881 29.318-21.295-13.03-15.14-16.288L58 152l-19-4.5 8.063-57.537L64.198 78.05Z" clip-rule="evenodd"/><path fill="#338DE3" fill-rule="evenodd" stroke="#338DE3" d="M71.909 78.134s11.945 60.141 14.109 77.311c2.164 17.17.652 69.665.652 69.665l-35.788-4.072 6.882-63.798s2.753-6.787 2.753-10.859-.175-65.29-.175-65.29l11.567-2.957Z" clip-rule="evenodd"/><rect width="12.424" height="4.647" x="63.251" y="123.94" fill="#E8E8E8" rx="1.261"/><path fill="#338DE3" fill-rule="evenodd" stroke="#338DE3" d="M114.75 78.134s-9.617 59.696-11.356 77.311c-1.739 17.615-.205 39.802-.205 39.802l1.376 29.863h30.282l-5.506-67.87s-2.752-5.43-2.933-11.297c-.181-5.867-.091-64.852-.091-64.852l-11.567-2.957Z" clip-rule="evenodd"/><path fill="#FFE190" fill-rule="evenodd" d="M70.017 108.444c-.493 0-.884.269-.884.594l.304 3.317c.03.198.283.354.58.354.304 0 .557-.156.594-.354l.297-3.317c0-.325-.392-.594-.891-.594Zm-4.642 2.716c-.29-.163-.724.035-.97.453-.254.417-.21.884.086 1.046l3.086 1.408c.195.063.456-.071.608-.326.152-.254.138-.544-.022-.671l-2.788-1.91Zm10.18 1.499c.29-.162.333-.629.087-1.046-.254-.418-.688-.616-.978-.453l-2.788 1.91c-.16.127-.174.417-.022.671.152.255.413.389.609.326l3.092-1.408Zm-11.064 4.237c-.297.17-.34.637-.087 1.054.247.418.681.616.97.453l2.79-1.91c.159-.134.173-.424.02-.679-.151-.254-.412-.389-.607-.318l-3.086 1.4Zm7.972-1.4c-.196-.071-.457.064-.609.318-.152.255-.138.545.022.679l2.788 1.91c.29.163.724-.035.978-.453.246-.417.203-.884-.087-1.054l-3.093-1.4Zm-2.439 1.357c-.304 0-.558.149-.587.347l-.304 3.317c0 .332.391.601.884.601.5 0 .89-.269.89-.601l-.296-3.317c-.037-.198-.29-.347-.587-.347Z" clip-rule="evenodd"/></g><path fill="#000" fill-rule="evenodd" d="M104.431 47.893a2.417 2.417 0 0 0-2.428-2.407 2.418 2.418 0 0 0-2.428 2.407M87.041 47.893a2.417 2.417 0 0 0-2.428-2.407 2.417 2.417 0 0 0-2.429 2.407" clip-rule="evenodd"/><path fill="#AD764A" fill-rule="evenodd" d="M93.297 56.663c1.504 0 2.722-.968 2.722-1.337 0-.37-1.218-.669-2.722-.669-1.503 0-2.722.3-2.722.669 0 .369 1.22 1.337 2.722 1.337Z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M88.139 59.972c0 2.325 2.638 3.509 4.87 3.509s5.073-1.184 5.073-3.51" clip-rule="evenodd"/><path fill="#CC8B57" fill-rule="evenodd" d="M163.902 145.456c0-5.546-9.766-24.077-9.766-24.077-5.362 4.291-12.556 16.51-15.347 19.949-1.109-.41-10.464-.687-17.439-2.751-2.093-.688-4.883 0-6.278-4.128l-4.883 15.135c10.463.687 22.026 7.03 28.6 6.191 5.969-.762 25.113 0 25.113-10.319Z" clip-rule="evenodd"/><path fill="#CC8B57" fill-rule="evenodd" d="M108.572 150.693c-2.686-.143-5.713-.663-6.812-1.878-1.099-1.214-.443-.952-1.051-2.102-.608-1.151-.847-.936-1.907-2.034-1.061-1.097-.043-2.269-.427-3.099-.289-.623-.956-.386-.859-2.162.065-1.184.906-2.421.938-3.013.032-.592-2.914-4.647 5.765-4.647 2.016.107 4.245.6 10.686 2.984-.384 7.049 1.343 12.795-6.333 15.951Z" clip-rule="evenodd"/><path fill="#AD764A" fill-rule="evenodd" d="m149.958 143.731-1.366-.395c-.848-.246-2.205-.433-3.641-.631a76.206 76.206 0 0 1-2.477-.369c-2.039-.355-3.656-.997-3.684-1.007l.174-.208c.028.01 1.579.658 3.597 1.01.766.133 1.631.252 2.467.368 1.447.199 2.812.388 3.677.638l1.366.396-.113.198Z" clip-rule="evenodd"/><path fill="#CC8B57" fill-rule="evenodd" d="M115.857 140.863c-.668-.393-.153-6.043-.943-6.697-.944-.782-1.429-3.741-1.409-5.515.035-2.952 1.127-4.917.435-5.547-1.243-1.133-3.357.5-5.017 3.117-.784 3.014-.231 6.335-1.594 7.582-15.33 14.028 6.506 7.986 8.528 7.06Z" clip-rule="evenodd"/><mask id="d" width="23" height="23" x="82" y="61" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M104.175 61.869s-.665 7.496-.665 12.241c0 11.39-20.594 12.39-20.594.296 0-4.723-.665-13.24-.665-13.24l21.924.703Z" clip-rule="evenodd"/></mask><g mask="url(#d)"><path fill="#AD764A" fill-rule="evenodd" d="M81.209 66.007c3.518 4.88 9.253 8.058 15.73 8.058 10.703 0 19.379-8.676 19.379-19.378V29.26c0-.677-.549-1.226-1.227-1.226h-4.937v26.018c0 9.356-7.585 16.94-16.941 16.94a16.888 16.888 0 0 1-12.004-4.986Z" clip-rule="evenodd"/></g><path fill="#0071DC" fill-rule="evenodd" d="M59.35 30.543a3.863 3.863 0 1 0-7.726 0 3.863 3.863 0 0 0 7.726 0Zm-5.794 0a1.932 1.932 0 1 1 3.863 0 1.932 1.932 0 0 1-3.863 0Z" clip-rule="evenodd"/><path fill="#29B8FF" fill-rule="evenodd" d="M25.228 56.295a3.863 3.863 0 1 0-7.726 0 3.863 3.863 0 0 0 7.726 0Zm-5.794 0a1.931 1.931 0 1 1 3.863 0 1.931 1.931 0 0 1-3.863 0Z" clip-rule="evenodd"/><circle cx="83.161" cy="128.452" r="2.565" fill="#FFC220"/><circle cx="169.432" cy="68.487" r="2.565" fill="#FF7208"/><circle cx="108.525" cy="3.475" r="2.565" fill="#FF7208"/><circle cx="49.564" cy="112.565" r="2.565" fill="#B253B7"/><path fill="#29B8FF" fill-rule="evenodd" d="M42.946 17.606a1.916 1.916 0 1 0-3.761.731l.548 2.821a1.916 1.916 0 1 0 3.76-.731l-.547-2.82Z" clip-rule="evenodd"/><rect width="3.831" height="6.705" fill="#0071DC" rx="1.916" transform="matrix(-1 0 0 1 100.831 10)"/><path fill="#FF7208" fill-rule="evenodd" d="M135.942 18.836a1.916 1.916 0 1 0-3.06-2.306l-1.729 2.295a1.916 1.916 0 1 0 3.06 2.306l1.729-2.295Z" clip-rule="evenodd"/><path fill="#FFC220" fill-rule="evenodd" d="M155.053 48.691a1.915 1.915 0 1 0-3.5-1.558l-1.169 2.625a1.917 1.917 0 0 0 3.501 1.559l1.168-2.626Z" clip-rule="evenodd"/><path fill="#B253B7" fill-rule="evenodd" d="M159.897 72.993a1.916 1.916 0 1 0-1.373-3.577l-2.683 1.03a1.915 1.915 0 1 0 1.374 3.576l2.682-1.03ZM76.164 13.274a1.916 1.916 0 0 0-1.373-3.578l-2.683 1.03a1.916 1.916 0 1 0 1.373 3.577l2.683-1.03Z" clip-rule="evenodd"/><path fill="#0071DC" fill-rule="evenodd" d="M149.227 83.57c.681.195 1.074.905.879 1.586l-1.237 4.314a1.282 1.282 0 0 1-1.586.879l-3.082-.884-.883 3.082c-.19.66-.863 1.05-1.524.895l-.062-.016-3.082-.883-.884 3.081a1.282 1.282 0 1 1-2.465-.707l1.237-4.314a1.282 1.282 0 0 1 1.586-.88l3.082.884.884-3.081a1.282 1.282 0 0 1 1.586-.88l3.081.884.884-3.081a1.282 1.282 0 0 1 1.586-.88Z" clip-rule="evenodd"/><path fill="#008BFC" fill-rule="evenodd" d="M173.784 47.775a1.283 1.283 0 0 1-1.67-.709l-1.681-4.16a1.282 1.282 0 0 1 .709-1.67l2.972-1.201-1.201-2.972a1.282 1.282 0 0 1 .65-1.644l.059-.026 2.972-1.2-1.201-2.973a1.282 1.282 0 0 1 2.378-.96l1.681 4.16a1.282 1.282 0 0 1-.708 1.67l-2.973 1.2 1.201 2.973a1.282 1.282 0 0 1-.708 1.67l-2.972 1.2 1.2 2.973a1.282 1.282 0 0 1-.708 1.669Z" clip-rule="evenodd"/><path fill="#FFC220" fill-rule="evenodd" d="M136.143 40.145a1.282 1.282 0 0 1 1.544.951l1.039 4.366a1.283 1.283 0 0 1-.95 1.545l-3.119.742.742 3.118a1.282 1.282 0 0 1-.889 1.529l-.062.016-3.118.742.742 3.119a1.283 1.283 0 0 1-2.495.593l-1.039-4.366a1.282 1.282 0 0 1 .95-1.544l3.119-.742-.742-3.119a1.283 1.283 0 0 1 .951-1.544l3.118-.742-.742-3.12a1.282 1.282 0 0 1 .951-1.544Z" clip-rule="evenodd"/><path fill="#FF7208" fill-rule="evenodd" d="M48.609 81.04a1.282 1.282 0 0 1-1.81.126l-3.386-2.945a1.282 1.282 0 0 1-.127-1.809l2.103-2.42-2.42-2.103a1.282 1.282 0 0 1-.166-1.76l.04-.049 2.103-2.419-2.419-2.103a1.282 1.282 0 0 1 1.683-1.936l3.387 2.945c.534.464.59 1.274.126 1.809l-2.103 2.42 2.42 2.102c.534.465.59 1.275.126 1.81l-2.103 2.419 2.42 2.103c.534.465.59 1.275.126 1.81Z" clip-rule="evenodd"/><path fill="#B253B7" fill-rule="evenodd" d="M31.897 122.671a1.282 1.282 0 0 1-1.555.934l-4.354-1.086a1.282 1.282 0 0 1-.934-1.554l.775-3.111-3.11-.775a1.283 1.283 0 0 1-.949-1.492l.015-.063.775-3.11-3.11-.776a1.282 1.282 0 1 1 .62-2.488l4.355 1.086c.687.171 1.105.867.934 1.554l-.776 3.111 3.11.775c.688.172 1.106.868.935 1.555l-.776 3.11 3.11.776c.688.171 1.106.867.935 1.554Z" clip-rule="evenodd"/><path fill="#0071DC" fill-rule="evenodd" d="m21.673 77.655-.946 6.382L16 80.727l5.673-3.072Z" clip-rule="evenodd"/><path fill="#FFC220" fill-rule="evenodd" d="m34.551 34.466 2.886 5.77h-5.77l2.884-5.77Z" clip-rule="evenodd"/><path fill="#FF7208" fill-rule="evenodd" d="m146.736 126.304 6.345 1.169-3.473 4.608-2.872-5.777Z" clip-rule="evenodd"/><path fill="#008BFC" fill-rule="evenodd" d="m166.395 102.728-4.516 4.607-1.879-5.456 6.395.849Z" clip-rule="evenodd"/><path fill="#B253B7" fill-rule="evenodd" d="m57.075 53.005 6.084 2.146-4.15 4.009-1.934-6.155Z" clip-rule="evenodd"/><path fill="#FF7208" fill-rule="evenodd" d="M34.885 97.5a3.863 3.863 0 1 0-7.725 0 3.863 3.863 0 0 0 7.725 0Zm-5.794 0a1.931 1.931 0 1 1 3.863 0 1.931 1.931 0 0 1-3.863 0Z" clip-rule="evenodd"/><path fill="#B253B7" fill-rule="evenodd" d="M108.726 103.863a3.863 3.863 0 1 0-7.726 0 3.863 3.863 0 0 0 7.726 0Zm-5.795 0a1.932 1.932 0 1 1 3.864 0 1.932 1.932 0 0 1-3.864 0Z" clip-rule="evenodd"/></g></svg>
|
|
</div>
|
|
<div class="welcome-text-wrapper">
|
|
<div class="modal-heading">Hi, {{current_person.first_name}}!</div>
|
|
<div class="modal-heading">Please complete the information below to get started!</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-section">
|
|
<div class="option">
|
|
<label class="label-name modal-smaller-heading" for="">Which country are you currently doing business in?</label>
|
|
<select class="select-options" name="country" id="">
|
|
<option value="" selected>Please choose an option</option>
|
|
<option value="USA">USA</option>
|
|
<option value="Mexico">Mexico</option>
|
|
<option value="India">India</option>
|
|
<option value="Walmart Associate">Walmart Associate</option>
|
|
</select>
|
|
</div>
|
|
<div class="option">
|
|
<label class="label-name modal-smaller-heading" for="">Are you currently doing business with Walmart Inc.?</label>
|
|
<select class="select-options" name="business" id="">
|
|
<option value="" selected>Please choose an option</option>
|
|
<option value="yes">Yes</option>
|
|
<option value="no">No</option>
|
|
</select>
|
|
</div>
|
|
<div class="submit-container">
|
|
<button class="submit-btn">Submit</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.dot {
|
|
width: 7.5px;
|
|
height: 7.5px;
|
|
background: #fff;
|
|
border-radius: 50%;
|
|
}
|
|
.list-item {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
margin: 15px 0;
|
|
}
|
|
.overlay-modal {
|
|
position: fixed;
|
|
z-index: 111;
|
|
height: 100%;
|
|
width: 100%;
|
|
background: rgba(0,0,0, 0.35);
|
|
display: flex;
|
|
justify-content: center;
|
|
overflow: scroll;
|
|
}
|
|
.modal-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.welcome-text-wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 20px;
|
|
}
|
|
.modal-logo {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-bottom: 40px;
|
|
}
|
|
.welcome-image {
|
|
width: 150px;
|
|
height: 150px;
|
|
border-radius: 100%;
|
|
}
|
|
.text-bold {
|
|
font-weight: 600;
|
|
}
|
|
.modal-welcome-section {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 30px;
|
|
}
|
|
.modal-wrapper {
|
|
height: fit-content;
|
|
width: fit-content;
|
|
display: flex;
|
|
justify-content: center;
|
|
border: 3px solid #ffc220;
|
|
background: #001e60;
|
|
border-radius: 12px;
|
|
padding: 60px 40px;
|
|
margin-top: 5%;
|
|
margin-right: 5%;
|
|
margin-left: 5%;
|
|
max-width: 1200px;
|
|
}
|
|
.modal-descirption {
|
|
flex-basis: 50%;
|
|
}
|
|
.modal-form {
|
|
flex-basis: 50%;
|
|
}
|
|
.modal-dividing-line {
|
|
height: 100%;
|
|
width: 3px;
|
|
background: #ffc220;
|
|
}
|
|
.modal-content-container {
|
|
display: flex;
|
|
gap: 40px;
|
|
}
|
|
.modal-logo-img {
|
|
max-width: 600px;
|
|
width: 100%;
|
|
}
|
|
.modal-heading {
|
|
font-size: 1.5rem;
|
|
font-weight: 600;
|
|
text-align: center;
|
|
}
|
|
.modal-text {
|
|
font-size: 1.25rem;
|
|
margin-top: 25px;
|
|
}
|
|
.modal-smaller-heading {
|
|
font-weight: 600;
|
|
}
|
|
.dot-modal {
|
|
padding: 0;
|
|
}
|
|
.list-modal-container {
|
|
margin-left: 20px;
|
|
}
|
|
.form-section {
|
|
margin-top: 30px;
|
|
}
|
|
.label-name {
|
|
font-size: 1.25rem;
|
|
}
|
|
.select-options {
|
|
width: 100%;
|
|
background: #fff;
|
|
border: none;
|
|
padding: 10px 15px;
|
|
margin-top: 10px;
|
|
border-radius: 4px;
|
|
}
|
|
.option {
|
|
margin-top: 20px;
|
|
}
|
|
.submit-container {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 30px;
|
|
}
|
|
.submit-btn {
|
|
border: none;
|
|
color: #000;
|
|
font-size: 1.25rem;
|
|
font-weight: 600;
|
|
padding: 10px 20px;
|
|
max-width: 250px;
|
|
width: 100%;
|
|
background: #ffc220;
|
|
border-radius: 12px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.loader {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0, 0, 0, 0.6);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.spinner {
|
|
width: 50px;
|
|
height: 50px;
|
|
border: 5px solid transparent;
|
|
border-top: 5px solid #fff;
|
|
border-radius: 50%;
|
|
animation: spin 1s linear infinite;
|
|
}
|
|
|
|
@keyframes spin {
|
|
0% { transform: rotate(0deg); }
|
|
100% { transform: rotate(360deg); }
|
|
}
|
|
@media only screen and (max-width: 900px) {
|
|
.modal-content-container {
|
|
flex-direction: column;
|
|
gap: 20px;
|
|
}
|
|
|
|
.modal-text {
|
|
text-align: center;
|
|
}
|
|
.modal-welcome-section {
|
|
flex-direction: column;
|
|
}
|
|
.modal-wrapper {
|
|
padding: 40px 20px;
|
|
}
|
|
.modal-logo {
|
|
margin-bottom: 30px;
|
|
}
|
|
.modal-heading {
|
|
font-size: 1.25rem;
|
|
}
|
|
.modal-text {
|
|
font-size: 1rem;
|
|
}
|
|
.label-name {
|
|
font-size: 1rem;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
if (localStorage.getItem("modalFilled") == "true") {
|
|
document.getElementsByClassName('overlay-modal')[0].style.display = 'none';
|
|
}
|
|
|
|
const countrySelect = document.querySelector(".select-options[name='country']");
|
|
const businessSelect = document.querySelector(".select-options[name='business']");
|
|
const submitBtn = document.querySelector(".submit-btn");
|
|
const businessOptionContainer = businessSelect.closest(".option");
|
|
|
|
|
|
businessOptionContainer.style.display = "none";
|
|
|
|
|
|
countrySelect.addEventListener("change", () => {
|
|
const selectedCountry = countrySelect.value;
|
|
businessOptionContainer.style.display = selectedCountry === "USA" ? "block" : "none";
|
|
});
|
|
|
|
submitBtn.addEventListener("click", () => {
|
|
const selectedCountry = countrySelect.value;
|
|
const selectedBusiness = businessSelect.value;
|
|
|
|
if (!selectedCountry) {
|
|
alert("Please choose a country.");
|
|
return;
|
|
}
|
|
|
|
let payload = {};
|
|
|
|
switch (selectedCountry) {
|
|
case "India":
|
|
payload = { group: "9d4a3325-ada5-4c19-8dd6-7f5aeae34899", locale: "IND", id: "{{current_person.id}}" };
|
|
break;
|
|
case "Mexico":
|
|
payload = { group: "5274843d-fba0-461c-b05b-3f3640385cf2", locale: "MEX", id: "{{current_person.id}}" };
|
|
break;
|
|
case "Walmart Associate":
|
|
payload = { group: "93414c12-d00f-4258-af01-18e455d756c7", group2: "646fe445-cc88-4266-a6bd-8e28b977649e", group3: "164ebbb5-5ad0-45d9-81ab-3b0930d63dc8", locale: "USA", id: "{{current_person.id}}" };
|
|
break;
|
|
case "USA":
|
|
if (!selectedBusiness) {
|
|
alert("Please choose if you are doing business with Walmart.");
|
|
return;
|
|
}
|
|
payload = selectedBusiness === "yes"
|
|
? { group: "164ebbb5-5ad0-45d9-81ab-3b0930d63dc8", locale: "USA", id: "{{current_person.id}}" }
|
|
: { group: "646fe445-cc88-4266-a6bd-8e28b977649e", locale: "USA", id: "{{current_person.id}}" };
|
|
break;
|
|
default:
|
|
alert("Invalid country selection.");
|
|
return;
|
|
}
|
|
|
|
showLoader();
|
|
|
|
|
|
fetch("https://webhooks.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/walmart-supplier-modal-integration", {
|
|
method: "POST",
|
|
headers: {
|
|
"Content-Type": "application/json",
|
|
},
|
|
body: JSON.stringify(payload),
|
|
})
|
|
.then(() => {
|
|
localStorage.setItem("modalFilled", "true");
|
|
setTimeout(() => {
|
|
location.reload();
|
|
}, 4000);
|
|
})
|
|
.catch(() => {
|
|
alert("There was an error submitting the form.");
|
|
hideLoader();
|
|
});
|
|
});
|
|
|
|
|
|
function showLoader() {
|
|
const loader = document.createElement("div");
|
|
loader.className = "loader";
|
|
loader.innerHTML = `<div class="spinner"></div>`;
|
|
document.body.appendChild(loader);
|
|
}
|
|
|
|
function hideLoader() {
|
|
const loader = document.querySelector(".loader");
|
|
if (loader) loader.remove();
|
|
}
|
|
});
|
|
</script>
|