Subida del módulo y tema de PrestaShop

modules/ps_checkout/views/css/adminAfterHeader.css

@@ -0,0 +1,39 @@
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+.img {
+    width: 100%;
+    height: 100%;
+    background-image: url('../img/logo.svg');
+    background-repeat: no-repeat;
+    background-size: contain;
+    background-position: center;
+}
+
+@media screen and (max-width: 768px) {
+    .img {
+        width: 34px;
+        height: 34px;
+        background-image: url('../img/logo-mobile.svg');
+    }
+}
+
+.payment-icon {
+    border-radius: 2px;
+    border: 1px solid #DDDCDC;
+}

modules/ps_checkout/views/css/adminIncompatibleBanner.css

@@ -0,0 +1,132 @@
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+.banner-alert {
+    padding: .75rem 0 .75rem 2.875rem;
+    background-color: #fff;
+    border: solid 2px #cd9321;
+    position: relative;
+    margin-bottom: 15px;
+}
+
+@media screen and (max-width: 992px) {
+    .banner-alert {
+        margin-top: 45px;
+    }
+}
+
+.banner-icon {
+    background-color: #f5e9d3;
+    color: #cd9321;
+    font-family: Material Icons;
+    font-weight: 400;
+    font-style: normal;
+    line-height: 1;
+    text-transform: none;
+    letter-spacing: normal;
+    vertical-align: middle;
+    word-wrap: normal;
+    white-space: nowrap;
+    direction: ltr;
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
+    -moz-osx-font-smoothing: grayscale;
+    font-feature-settings: "liga";
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 2.875rem;
+    height: 100%;
+    text-align: center;
+    font-size: 1.563rem;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+}
+
+.banner-text {
+    font-family: Open Sans,Helvetica,Arial,sans-serif;
+    padding: 0 .625rem;
+    font-size: .875rem;
+    margin: 0;
+}
+
+.banner-text h2 {
+    font-family: Open Sans,Helvetica,Arial,sans-serif;
+    margin-bottom: .9375rem;
+    font-weight: 700;
+    line-height: 1.2;
+    color: #363a41;
+    font-size: 1.125rem;
+    margin-top: 0;
+}
+
+.banner-upgrade-info {
+    margin-bottom: 0.9375rem !important;
+    color: #555555;
+}
+
+.incompatible-list {
+    color: #363a41;
+    margin-bottom: 1.5rem !important;
+}
+
+.banner-link {
+    margin-left: 1.875rem;
+    padding-left: 0 !important;
+    font-size: .875rem !important;
+    line-height: 1.5 !important;
+    font-weight: 600 !important;
+    color: #25B9D7 !important;
+}
+
+.banner-link-icon {
+    font-size: 1.4em;
+    margin-top: -.083em;
+    line-height: 1;
+    display: inline-block;
+    vertical-align: middle;
+}
+
+a.banner-link:hover {
+    color: #25B9D7 !important;
+}
+
+.button-link {
+    background-color: #25b9d7;
+    padding: .375rem .838rem;
+    color: #ffffff !important;
+    font-size: .875rem;
+    font-weight: 600;
+}
+
+.button-link:hover {
+    background-color: #3ed2f0;
+    text-decoration: underline;
+}
+
+@media screen and (max-width: 768px) {
+    .banner-link {
+        margin-left: 0;
+    }
+
+    .button-link {
+        display: inline-block;
+    }
+}

modules/ps_checkout/views/css/adminModules.css

@@ -0,0 +1,21 @@
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+.toolbarBox .btn-toolbar .nav-pills {
+  display: none;
+}

modules/ps_checkout/views/css/adminOrderView.css

@@ -0,0 +1,465 @@
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+#ps_checkout .badge.badge-payment {
+  background-color: #00B887;
+  color: #fff;
+}
+
+#ps_checkout .badge.badge-refund {
+  background-color: #34219E;
+  color: #fff;
+}
+
+#ps_checkout .badge.badge-paypal-environment-sandbox {
+  background-color: #5E5E5E;
+  color: #FFF;
+  font-size: 12px;
+  border-radius: 10px!important;
+}
+
+#ps_checkout .badge.badge-paypal-environment-live {
+  background-color: #174EEF;
+  color: #FFF;
+  font-size: 12px;
+  border-radius: 10px!important;
+}
+
+#ps_checkout .panel-wrapper {
+  flex-grow: 1;
+  padding: 18px 14px;
+  border: 2px solid #e4ebf3;
+  margin-bottom: 10px;
+}
+
+#ps_checkout .panel {
+  background: none;
+  box-shadow: none;
+  text-align: left;
+  color: #555555;
+  position: relative;
+}
+
+#ps_checkout .panel__title, #ps_checkout .tabpanel__title {
+  display: block;
+  color: #878787;
+  margin: 0;
+  padding-bottom: 8px;
+  border-bottom: 1px solid #eeeeee;
+}
+
+#ps_checkout .panel__infos {
+  margin-top: 16px;
+  margin-bottom: 0;
+  padding-bottom: 16px;
+  display: grid;
+  grid-template-columns: 116px 1fr;
+  grid-column-gap: 16px;
+  grid-row-gap: 8px;
+}
+
+#ps_checkout .panel__infos dd {
+  font-weight: 400;
+  text-align: right;
+}
+
+#ps_checkout .panel__cta {
+  text-align: center;
+}
+
+#ps_checkout .panel__cta a {
+  font-weight: 600;
+  color: #555;
+  text-decoration: underline;
+  text-align: center;
+  display: inline-block;
+  cursor: pointer;
+}
+
+#ps_checkout .select-wrapper {
+  margin-bottom: 1.5em;
+}
+
+#ps_checkout .select-wrapper__select {
+  width: 100%;
+  background-color: #fff;
+  border: 1px solid #B3C7CD;
+  border-radius: 3px;
+  color: #363A41;
+  padding: 0.5em;
+}
+
+#ps_checkout .tabs {
+  color: #555555;
+  position: relative;
+}
+
+#ps_checkout [role="tablist"] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  max-height: 100%;
+  height: 100%;
+  display: none;
+  overflow-y: scroll;
+  overflow-x: hidden;
+}
+
+#ps_checkout .tab {
+  background: none;
+  box-shadow: none;
+  text-align: left;
+  padding: 20px 14px;
+  color: #555555;
+  border: 2px solid #e5ebf3;
+  border-bottom: none;
+  cursor: pointer;
+}
+
+#ps_checkout .tab:last-child {
+  border-bottom: 2px solid #e5ebf3;
+}
+
+#ps_checkout .tab:focus {
+  outline: none;
+}
+
+#ps_checkout .tab[aria-selected="true"] {
+  border-right: 4px solid #fff;
+  position: relative;
+  z-index: 2;
+}
+
+#ps_checkout .tab__btn-title {
+  display: block;
+  margin-bottom: 8px;
+}
+
+#ps_checkout .tab__btn-infos {
+  display: flex;
+  justify-content: space-between;
+}
+
+#ps_checkout .tabpanel-wrapper {
+  flex-grow: 1;
+  padding: 18px 14px;
+  border: 2px solid #e5ebf3;
+}
+
+#ps_checkout .tabpanel {
+  position: relative;
+}
+
+#ps_checkout .tabpanel__infos {
+  margin-top: 16px;
+  margin-bottom: 0;
+  padding-bottom: 16px;
+  display: grid;
+  grid-template-columns: 116px 1fr;
+  grid-column-gap: 16px;
+  grid-row-gap: 8px;
+}
+
+.tabpanel__infos + .tabpanel__infos {
+  padding-bottom: 0;
+}
+
+#ps_checkout .tabpanel__infos dd {
+  font-weight: 700;
+  text-align: right;
+}
+
+#ps_checkout .tabpanel__cta {
+  font-weight: 600;
+  color: #555;
+  text-decoration: underline;
+  text-align: center;
+  display: block;
+}
+
+#ps_checkout .tabpanel__cta:after {
+  content: '';
+  display: inline-block;
+  vertical-align: middle;
+  margin-left: 0.8em;
+  text-decoration: none;
+  width: 1.15em;
+  height: 1.15em;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E");
+  background-size: contain;
+}
+
+@media screen and (min-width: 780px) {
+  #ps_checkout .panel__cta {
+    text-align: right;
+  }
+
+  #ps_checkout .panel__infos dd {
+    text-align: left;
+  }
+
+  #ps_checkout .select-wrapper {
+    display: none;
+  }
+
+  #ps_checkout .tabs {
+    display: flex;
+    padding-left: 244px;
+  }
+
+  #ps_checkout [role="tablist"] {
+    display: flex;
+    flex-direction: column;
+    width: 254px;
+    flex-shrink: 0;
+  }
+
+  #ps_checkout .panel__infos {
+    grid-template-columns: max-content;
+    grid-template-areas:
+            "reference referenceValue total totalValue environment environmentValue"
+            "status statusValue balance balanceValue empty empty"
+            "payment paymentValue cardSca cardScaValue cardLiability cardLiabilityValue";
+  }
+
+  #ps_checkout [data-grid-area="reference"] {
+    grid-area: reference;
+  }
+
+  #ps_checkout [data-grid-area="reference"] + dd {
+    grid-area: referenceValue;
+  }
+
+  #ps_checkout [data-grid-area="total"] {
+    grid-area: total;
+  }
+
+  #ps_checkout [data-grid-area="total"] + dd {
+    grid-area: totalValue;
+  }
+
+  #ps_checkout [data-grid-area="payment"] {
+    grid-area: payment;
+  }
+
+  #ps_checkout [data-grid-area="payment"] + dd {
+    grid-area: paymentValue;
+  }
+
+  #ps_checkout [data-grid-area="status"] {
+    grid-area: status;
+  }
+
+  #ps_checkout [data-grid-area="status"] + dd {
+    grid-area: statusValue;
+  }
+
+  #ps_checkout [data-grid-area="balance"] {
+    grid-area: balance;
+  }
+
+  #ps_checkout [data-grid-area="balance"] + dd {
+    grid-area: balanceValue;
+  }
+
+  #ps_checkout [data-grid-area="environment"] {
+    grid-area: environment;
+  }
+
+  #ps_checkout [data-grid-area="environment"] + dd {
+    grid-area: environmentValue;
+  }
+
+  #ps_checkout [data-grid-area="card-sca"] {
+    grid-area: cardSca;
+  }
+
+  #ps_checkout [data-grid-area="card-sca"] + dd {
+    grid-area: cardScaValue;
+  }
+
+  #ps_checkout [data-grid-area="card-liability"] {
+    grid-area: cardLiability;
+  }
+
+  #ps_checkout [data-grid-area="card-liability"] + dd {
+    grid-area: cardLiabilityValue;
+  }
+
+  #ps_checkout .tabpanel__infos dd {
+    font-weight: 700;
+    text-align: left;
+  }
+
+  #ps_checkout .tabpanel__cta {
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+}
+
+/* width */
+#ps_checkout [role="tablist"]::-webkit-scrollbar {
+  width: 8px;
+}
+
+#ps_checkout [role="tablist"]::-webkit-scrollbar-thumb {
+  background: rgba(169, 169, 169, 0.15);
+  border-radius: 20px;
+}
+
+/*!* Handle on hover *!*/
+#ps_checkout [role="tablist"]::-webkit-scrollbar-thumb:hover {
+  background: rgba(56, 56, 56, 0.33);
+}
+
+#ps_checkout .balance-info-icon,
+#ps_checkout .environment-info-icon,
+#ps_checkout .seller-protection-info-icon {
+  display: inline-block;
+  vertical-align: middle;
+  color: #878787;
+}
+
+.modal.ps-checkout-refund .modal-header {
+  margin: 0 10px 10px 10px;
+  padding: 0;
+  border-bottom: 1px solid #EEEEEE;
+}
+
+.modal.ps-checkout-refund .modal-footer button {
+  border-radius: 5px;
+}
+
+.modal.ps-checkout-refund .modal-footer .refund-submit, .modal.ps-checkout-refund .modal-footer .refund-confirm {
+  min-width: 175px;
+}
+
+.modal.ps-checkout-refund .input-group-append .input-group-text {
+  border-radius: 5px 0 0 5px;
+}
+
+.modal.ps-checkout-refund .input-group-append input {
+  border-radius: 0 5px 5px 0;
+}
+
+.modal.ps-checkout-refund .text-muted a {
+  color: inherit;
+  text-decoration: underline;
+}
+
+.modal.ps-checkout-refund .row.separator {
+  border-bottom: 1px solid #eee;
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.modal.ps-checkout-refund .order-totals {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  width: 100%;
+}
+
+.modal.ps-checkout-refund .order-totals-column {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+
+.modal.ps-checkout-refund .modal-header .modal-title {
+  text-transform: uppercase;
+}
+
+/*CSS FOR LEGACY MODULE*/
+#ps_checkout .legacy .tabpanel__cta {
+  margin: 5px;
+}
+
+#ps_checkout .legacy .tabpanel__infos {
+  margin-bottom: 20px;
+}
+
+.modal.ps-checkout-refund.legacy [hidden="hidden"] {
+  display: none;
+}
+
+.modal.ps-checkout-refund.legacy button.close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 10px;
+}
+
+.modal.ps-checkout-refund.legacy button.close>span {
+  font-size: 40px;
+}
+
+.modal.ps-checkout-refund.legacy .modal-content-container {
+  padding: 10px
+}
+
+.checkout-modal-container {
+  padding: 100px 180px;
+}
+
+@media (max-width: 1400px) {
+  .checkout-modal-container {
+    padding: 10px 18px;
+  }
+}
+
+.checkout-modal {
+  border: 1px solid #D9E3EC;
+  border-radius: 8px;
+  padding: 24px;
+}
+
+.checkout-modal-button {
+  align-items: center;
+  background: #442CC7;
+  border: 0;
+  border-radius: 4px;
+  color: #FFFFFF;
+  display: flex;
+  flex-direction: row;
+  font-family: 'Inter', sans-serif;
+  font-size: 16px;
+  font-weight: 600;
+  justify-content: center;
+  line-height: 24px;
+  padding: 12px 12px;
+  width: 100%;
+}
+
+.checkout-modal-button .btn {
+  color: #FFFFFF;
+}
+
+#ps_checkout .liability-explanation {
+  font-weight: 400;
+  background-color: #EEEEEE;
+  padding: 4px 8px;
+  margin-top: 5px;
+  display: inline-block;
+  width: 100%;
+}
+
+#ps_checkout .badge {
+  white-space: normal;
+}

modules/ps_checkout/views/css/index.php

@@ -0,0 +1,29 @@
+<?php
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: ' . gmdate('D, d M Y H:i:s') . ' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+
+exit;

modules/ps_checkout/views/css/payment.css

@@ -0,0 +1,45 @@
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+.ps-checkout.wrapper {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.ps-checkout.content {
+  width: 500px;
+  height: 250px;
+  max-width: 90%;
+  border-radius: 15px;
+  border: 2px solid #AAAAAA;
+  padding: 50px;
+  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.ps-checkout.order-link {
+  text-align: center;
+}

modules/ps_checkout/views/css/payments.css

@@ -0,0 +1,629 @@
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+.payment__option.ps_checkout-payment-option input[type="radio"] {
+  margin-top: .7rem;
+}
+
+.payment-options > div.payment-option[id$="card-container"] > span.custom-radio {
+  margin-top: .25rem;
+}
+
+.payment-options > div.payment-option[id$="paypal-container"] > span.custom-radio {
+  margin-top: .5rem;
+}
+
+.product-add-to-cart #ps-checkout-express-button div.paypal-buttons-context-iframe {
+  margin-top: .5rem;
+  width: 60%;
+}
+
+#checkout-personal-information-step #ps-checkout-express-button {
+  display: flex;
+  flex-flow: row wrap;
+
+  /*Fixes z-index problem on hummingbird*/
+  position: relative;
+  z-index: 1;
+}
+
+.product-add-to-cart #ps-checkout-express-button.disabled{
+  display: none!important;
+}
+
+@media screen and (min-width: 768px) {
+  #checkout-personal-information-step #ps-checkout-express-button div.paypal-buttons-context-iframe {
+    float: left;
+    width: 50%;
+    padding: 15px 0;
+    margin-left: 25%;
+    margin-top: 1%;
+  }
+}
+
+.buttons-approve {
+  margin-right: 10px;
+}
+
+.paypal-hide-default {
+  display: none !important;
+  visibility: hidden !important;
+}
+
+#conditions-to-approve label,
+.payment-options label,
+.paypal-label {
+  cursor: pointer;
+}
+
+.paypal-tips {
+  color: #535252;
+  font-size: 12px;
+  margin-bottom: 15px;
+}
+
+#paypal-approve-error ul {
+  margin-bottom: 0;
+}
+
+#hostedFieldsErrors ul {
+  margin-bottom: 0;
+}
+
+.hide-paypal-error {
+  display: none;
+  visibility: hidden;
+}
+
+.spinner-hosted-fields {
+  display: inline-block;
+  width: 1rem;
+  height: 1rem;
+  margin-right: 10px;
+  vertical-align: text-bottom;
+  border: .15em solid currentColor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  -webkit-animation: spinner-border .75s linear infinite;
+  animation: spinner-border .75s linear infinite;
+}
+
+@keyframes spinner-border {
+  to { transform: rotate(360deg); }
+}
+
+#conditions-to-approve-paypal {
+  max-width: 300px;
+  margin: auto;
+  margin-bottom: 10px;
+}
+
+#paypal-button-container {
+  width: 250px;
+  margin: auto;
+}
+
+#card-number {
+  position: relative;
+  height: 45px;
+  margin-top: 6px;
+}
+
+#expiration-date {
+  height: 45px;
+  margin-top: 6px;
+}
+
+#cvv {
+  height: 45px;
+  margin-top: 6px;
+}
+
+.js-payment-option-form .form-control {
+  background-color: #F3F3F3;
+  border-radius: 5px;
+}
+
+#card-image {
+  position: absolute;
+  top: 7px;
+  right: 1em;
+  width: 44px;
+  height: 28px;
+  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/346994/card_sprite.png);
+  background-size: 86px 458px;
+  border-radius: 1px;
+  background-position: -100px 0;
+  background-repeat: no-repeat;
+  margin-bottom: 1em;
+}
+
+#card-image.visa {
+  background-position: 0 -398px;
+}
+
+#card-image.master-card {
+  background-position: 0 -281px;
+}
+
+#card-image.american-express {
+  background-position: 0 -370px;
+}
+
+#card-image.maestro {
+  background-position: 0 -251px;
+}
+
+#card-image.jcb {
+  background-position: 0 -221px;
+}
+
+#card-image.diners-club {
+  background-position: 0 -133px;
+}
+
+.js-payment-option-form .braintree-hosted-fields-focused {
+  border: .1875rem solid #2fb5d2;
+  background-color: #fff;
+  color: #232323;
+}
+
+.js-payment-option-form .braintree-hosted-fields-invalid {
+  border: .1875rem solid #e76d7a;
+  animation: shake 500ms cubic-bezier(.20, 1.3, .7, 1) both;
+  transform: translate3d(0, 0, 0);
+  background-color: #fff;
+  backface-visibility: hidden;
+}
+
+.js-payment-option-form .braintree-hosted-fields-valid {
+  border: .1875rem solid #6fcc80;
+  transform: translate3d(0, 0, 0);
+  background-color: #fff;
+  backface-visibility: hidden;
+}
+
+.default-credit-card {
+  position: absolute;
+  top: 2px;
+  right: 10px;
+  width: 25px;
+  height: 25px;
+}
+
+@keyframes shake {
+  10%,
+  90% {
+    transform: translate3d(-1px, 0, 0);
+  }
+  20%,
+  80% {
+    transform: translate3d(1px, 0, 0);
+  }
+  30%,
+  50%,
+  70% {
+    transform: translate3d(-3px, 0, 0);
+  }
+  40%,
+  60% {
+    transform: translate3d(3px, 0, 0);
+  }
+}
+
+.express-checkout-block {
+  background-color: #f1f1f1;
+  padding: 15px;
+}
+
+.express-checkout-block-wrapper {
+  font-size: 0;
+}
+
+.express-checkout-img {
+  margin-bottom: 10px;
+  width: 80px;
+}
+
+.express-checkout-label {
+  color: inherit;
+}
+
+.express-checkout-spinner-text {
+  display: inline-block;
+  vertical-align: middle;
+
+  padding-left: 10px;
+  width: 80%;
+  margin: 0;
+}
+
+.express-checkout-spinner {
+  display: inline-block;
+  vertical-align: middle;
+
+  text-align: right;
+  padding-right: 10px;
+  width: 20%;
+}
+
+.ps-checkout.overlay {
+  visibility: hidden;
+  opacity: 0;
+
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+
+  transition: opacity 0.5s linear;
+
+  background-color: rgba(0, 0, 0, 0.15);
+  z-index: 100;
+}
+
+.ps-checkout.overlay.visible {
+  visibility: visible;
+  opacity: 100;
+}
+
+.ps-checkout.popup, .ps-checkout.ps-checkout-modal {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+
+  width: 800px;
+  height: 250px;
+
+  margin: auto;
+
+  background-color: #fff;
+  border-radius: 15px;
+}
+
+.ps-checkout.ps-checkout-modal {
+  border-radius: 0;
+  height: fit-content;
+}
+
+@media (max-width: 992px) {
+  .ps-checkout.popup, .ps-checkout.ps-checkout-modal {
+    width: 600px;
+  }
+}
+
+@media (max-width: 768px) {
+  .ps-checkout.popup, .ps-checkout.ps-checkout-modal {
+    width: 500px;
+  }
+}
+
+@media (max-width: 576px) {
+  .ps-checkout.popup, .ps-checkout.ps-checkout-modal {
+    width: 350px;
+  }
+
+  .ps-checkout.text, .ps-checkout.header, .ps-checkout.content {
+    font-size: 20px;
+  }
+}
+
+.ps-checkout-modal .close-button {
+  position: absolute;
+  right: 20px;
+  top: 20px;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+}
+
+.ps-checkout.text, .ps-checkout.header, .ps-checkout.loader {
+  display: block;
+  margin: 0 auto;
+  margin-top: 45px;
+  text-align: center;
+}
+
+.ps-checkout.header {
+  text-align: left;
+}
+
+.ps-checkout-modal .ps-checkout.header .ps-checkout-modal-icon{
+  width: 34px;
+  height: 34px;
+  display: inline-flex;
+  vertical-align: middle;
+  border-radius: 34px;
+  margin-right: 20px;
+  padding: 5px;
+}
+
+.ps-checkout-modal .ps-checkout.header .ps-checkout-modal-icon.icon-danger {
+  background-color: #FFE4E6;
+}
+
+.ps-checkout-modal .ps-checkout.header .ps-checkout-modal-icon.icon-alert {
+  background-color: #FFF5E5;
+}
+
+.ps-checkout-modal .ps-checkout.header .ps-checkout-modal-icon.icon-success {
+  background-color: #EAF8EF;
+}
+
+.ps-checkout-modal .ps-checkout.header .ps-checkout-modal-icon.icon-info {
+  background-color: #E8EDFD;
+}
+
+.ps-checkout.ps-checkout-modal .ps-checkout.header {
+  margin: 40px 15px;
+}
+
+.ps-checkout.content {
+  margin: 15px;
+}
+
+.ps-checkout.footer {
+  padding: 15px;
+  width: 100%;
+  text-align: right;
+}
+
+.ps-checkout.footer > button + button{
+  margin-left: 10px;
+}
+
+.ps-checkout.footer button.ps-checkout.btn.danger {
+  color: #fff;
+  background-color: #ff4c4c;
+  border-color: #ff4c4c;
+}
+
+.ps-checkout.subtext {
+  margin-top: 25px;
+  text-align: center;
+}
+
+.ps-checkout-express-separator {
+  padding: 1rem 0;
+}
+
+.ps-checkout-funding-img {
+  margin: 0 0.25em;
+}
+
+#ps_checkout-hosted-fields-card-name {
+  position: relative;
+  margin-top: 6px;
+}
+
+#ps_checkout-hosted-fields-card-number {
+  position: relative;
+  margin-top: 6px;
+}
+
+#ps_checkout-hosted-fields-card-expiration-date {
+  margin-top: 6px;
+}
+
+#ps_checkout-hosted-fields-card-cvv {
+  margin-top: 6px;
+}
+
+#ps_checkout-card-fields-form label[for="ps_checkout-card-fields-cvv"] {
+  white-space: nowrap;
+}
+
+.ps_checkout-payment-option span.custom-radio {
+  float: none !important;
+}
+
+.ps_checkout-payment-option label {
+  display: inline !important;
+  line-height: 2.5;
+}
+
+.ps_checkout-vault-fields .ps_checkout-vault-label {
+  text-align: left;
+  white-space: normal;
+}
+
+.ps_checkout-vault-fields, .ps_checkout-favorite-payment{
+  margin-bottom: 1rem;
+}
+
+.ps_checkout-vault-token-form .ps_checkout-token-explanation {
+  font-size: 0.75rem;
+}
+
+.ps_checkout-info-wrapper {
+  display: table-cell;
+  width: 100%;
+
+  text-align: right;
+}
+
+.ps_checkout-info-button {
+  display: inline-block;
+  user-select: none;
+
+  font-size: 0.75rem;
+  line-height: 1rem;
+
+  padding-left: 0.415rem;
+  width: 1rem;
+  height: 1rem;
+
+  border-radius: 50%;
+  text-align: left;
+
+  position: relative;
+
+  background-color: #adadad;
+  color: #fff;
+}
+
+.ps_checkout-info-button .popup-content {
+  visibility: hidden;
+  width: 300px;
+  background-color: #adadad;
+  color: #fff;
+  text-align: center;
+  border-radius: 6px;
+  padding: 16px;
+  position: absolute;
+  z-index: 1;
+  bottom: 125%;
+  left: 50%;
+  margin-left: -280px;
+  font-weight: normal;
+  font-size: 0.775rem;
+  line-height: 1.25rem;
+}
+
+/* Toggle this class - hide and show the popup */
+.ps_checkout-info-button .show {
+  visibility: visible;
+  -webkit-animation: fadeIn 0.25s;
+  animation: fadeIn 0.25s;
+}
+
+/* Add animation (fade in the popup) */
+@-webkit-keyframes fadeIn {
+  from {opacity: 0;}
+  to {opacity: 1;}
+}
+
+@keyframes fadeIn {
+  from {opacity: 0;}
+  to {opacity:1 ;}
+}
+
+#ps_checkout-notification-container .alert {
+  color: #fff;
+}
+
+#ps_checkout-notification-container .alert-warning-custom{
+  background-color: #a3a3a3;
+}
+
+#ps_checkout-notification-container .alert-danger-custom{
+  background-color: #ef808d;
+}
+
+#ps_checkout-canceled, #ps_checkout-error{
+  display: flex;
+  align-items: center;
+}
+#ps_checkout-canceled img, #ps_checkout-error img{
+  margin-right: 10px;
+}
+
+#ps_checkout-hosted-fields-form label{
+  display: table-cell;
+}
+
+#cart .ps-checkout-express-separator {
+  text-align: center;
+}
+
+.cart-detailed-totals + #ps-checkout-pp-message-container{
+  padding: 0 1rem 1rem;
+}
+
+#ps_checkout-card-fields-form.loading > *:not(#ps_checkout-card-fields-form-loader),
+#ps_checkout-card-fields-form:not(.loading) > #ps_checkout-card-fields-form-loader {
+  display: none;
+}
+
+#ps_checkout-card-fields-name-error.hidden,
+#ps_checkout-card-fields-number-error.hidden,
+#ps_checkout-card-fields-vendor-error.hidden,
+#ps_checkout-card-fields-expiry-error.hidden,
+#ps_checkout-card-fields-cvv-error.hidden {
+  display: none;
+}
+
+#ps_checkout-card-fields-form-loader {
+  text-align: center;
+}
+
+#product #ps_checkout-payment-method-logo-block-title {
+  padding: 0.5rem 0;
+  color: #666;
+  margin-left: 4px;
+}
+
+#cart #ps_checkout-payment-method-logo-block-title {
+  text-align: center;
+  padding: 0.5rem 0;
+  color: #666;
+}
+
+#ps_checkout-payment-method-logo-block-img {
+  margin: 0 2px 3px 2px;
+}
+
+#ps_checkout-payment-method-logos-container {
+  display: inline-flex;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+
+#cart #ps_checkout-payment-method-logo-block-container {
+  text-align: center;
+}
+
+form button.ps_checkout-vault-token-delete {
+  cursor: pointer;
+  text-decoration: underline;
+  font-size: 0.75rem;
+  margin-bottom: 0.75rem;
+  display: inline-block;
+  background-color: transparent;
+  border: none;
+  padding: 0;
+}
+
+#ps_checkout-card-fields-form .ps_checkout-card-fields-cvv-label-wrapper {
+  display: table;
+}
+
+#ps_checkout-card-fields-form .ps_checkout-card-fields-cvv-label-wrapper>label {
+  display: table-cell;
+}
+
+.paypal-pay-later-banner {
+  margin: 0.5em auto;
+}
+
+.paypal-pay-later-banner > span {
+  margin: auto;
+}
+
+.ps-checkout.icon-favorite {
+  width: 20px;
+  height: 20px;
+}
+
+.js-payment-binary.js-payment-ps_checkout.disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}

modules/ps_checkout/views/img/amex.svg

@@ -0,0 +1,20 @@
+<svg
+  width="40"
+  height="24"
+  viewBox="0 0 40 24"
+  preserveAspectRatio="xMinYMin meet"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M38.333 24H1.667C.75 24 0 23.28 0 22.4V1.6C0 .72.75 0 1.667 0h36.666C39.25 0 40 .72 40 1.6v20.8c0 .88-.75 1.6-1.667 1.6z"
+    fill="rgb(20, 119, 190)"
+  />
+  <path
+    d="M6.26 12.32h2.313L7.415 9.66M27.353 9.977h-3.738v1.23h3.666v1.384h-3.675v1.385h3.821v1.005c.623-.77 1.33-1.466 2.025-2.235l.707-.77c-.934-1.004-1.87-2.08-2.804-3.075v1.077z"
+    fill="rgb(255, 255, 255)"
+  />
+  <path
+    d="M38.25 7h-5.605l-1.328 1.4L30.072 7H16.984l-1.017 2.416L14.877 7h-9.58L1.25 16.5h4.826l.623-1.556h1.4l.623 1.556H29.99l1.327-1.483 1.328 1.483h5.605l-4.36-4.667L38.25 7zm-17.685 8.1h-1.557V9.883L16.673 15.1h-1.33L13.01 9.883l-.084 5.217H9.73l-.623-1.556h-3.27L5.132 15.1H3.42l2.884-6.772h2.42l2.645 6.233V8.33h2.646l2.107 4.51 1.868-4.51h2.575V15.1zm14.727 0h-2.024l-2.024-2.26-2.023 2.26H22.06V8.328H29.53l1.795 2.177 2.024-2.177h2.025L32.26 11.75l3.032 3.35z"
+    fill="rgb(255, 255, 255)"
+  />
+</svg>

modules/ps_checkout/views/img/apple_pay.svg

@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Artwork" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="165.52107px" height="105.9651px" viewBox="0 0 165.52107 105.9651" enable-background="new 0 0 165.52107 105.9651"
+	 xml:space="preserve">
+<g>
+	<path id="XMLID_4_" d="M150.69807,0H14.82318c-0.5659,0-1.1328,0-1.69769,0.0033c-0.47751,0.0034-0.95391,0.0087-1.43031,0.0217
+		c-1.039,0.0281-2.0869,0.0894-3.1129,0.2738c-1.0424,0.1876-2.0124,0.4936-2.9587,0.9754
+		c-0.9303,0.4731-1.782,1.0919-2.52009,1.8303c-0.73841,0.7384-1.35721,1.5887-1.83021,2.52
+		c-0.4819,0.9463-0.7881,1.9166-0.9744,2.9598c-0.18539,1.0263-0.2471,2.074-0.2751,3.1119
+		c-0.0128,0.4764-0.01829,0.9528-0.0214,1.4291c-0.0033,0.5661-0.0022,1.1318-0.0022,1.6989V91.142
+		c0,0.5671-0.0011,1.13181,0.0022,1.69901c0.00311,0.4763,0.0086,0.9527,0.0214,1.4291
+		c0.028,1.03699,0.08971,2.08469,0.2751,3.11069c0.1863,1.0436,0.4925,2.0135,0.9744,2.9599
+		c0.473,0.9313,1.0918,1.7827,1.83021,2.52c0.73809,0.7396,1.58979,1.3583,2.52009,1.8302
+		c0.9463,0.4831,1.9163,0.7892,2.9587,0.9767c1.026,0.1832,2.0739,0.2456,3.1129,0.2737c0.4764,0.0108,0.9528,0.0172,1.43031,0.0194
+		c0.56489,0.0044,1.13179,0.0044,1.69769,0.0044h135.87489c0.5649,0,1.13181,0,1.69659-0.0044
+		c0.47641-0.0022,0.95282-0.0086,1.4314-0.0194c1.0368-0.0281,2.0845-0.0905,3.11301-0.2737
+		c1.041-0.1875,2.0112-0.4936,2.9576-0.9767c0.9313-0.4719,1.7805-1.0906,2.52011-1.8302c0.7372-0.7373,1.35599-1.5887,1.8302-2.52
+		c0.48299-0.9464,0.78889-1.9163,0.97429-2.9599c0.1855-1.026,0.2457-2.0737,0.2738-3.11069
+		c0.013-0.4764,0.01941-0.9528,0.02161-1.4291c0.00439-0.5672,0.00439-1.1319,0.00439-1.69901V14.8242
+		c0-0.5671,0-1.1328-0.00439-1.6989c-0.0022-0.4763-0.00861-0.9527-0.02161-1.4291c-0.02811-1.0379-0.0883-2.0856-0.2738-3.1119
+		c-0.18539-1.0432-0.4913-2.0135-0.97429-2.9598c-0.47421-0.9313-1.093-1.7816-1.8302-2.52
+		c-0.73961-0.7384-1.58881-1.3572-2.52011-1.8303c-0.9464-0.4818-1.9166-0.7878-2.9576-0.9754
+		c-1.0285-0.1844-2.0762-0.2457-3.11301-0.2738c-0.47858-0.013-0.95499-0.0183-1.4314-0.0217C151.82988,0,151.26297,0,150.69807,0
+		L150.69807,0z"/>
+	<path id="XMLID_3_" fill="#FFFFFF" d="M150.69807,3.532l1.67149,0.0032c0.4528,0.0032,0.90561,0.0081,1.36092,0.0205
+		c0.79201,0.0214,1.71849,0.0643,2.58209,0.2191c0.7507,0.1352,1.38029,0.3408,1.9845,0.6484
+		c0.5965,0.3031,1.14301,0.7003,1.62019,1.1768c0.479,0.4797,0.87671,1.0271,1.18381,1.6302
+		c0.30589,0.5995,0.51019,1.2261,0.64459,1.9823c0.1544,0.8542,0.1971,1.7832,0.21881,2.5801
+		c0.01219,0.4498,0.01819,0.8996,0.0204,1.3601c0.00429,0.5569,0.0042,1.1135,0.0042,1.6715V91.142
+		c0,0.558,0.00009,1.1136-0.0043,1.6824c-0.00211,0.4497-0.0081,0.8995-0.0204,1.3501c-0.02161,0.7957-0.0643,1.7242-0.2206,2.5885
+		c-0.13251,0.7458-0.3367,1.3725-0.64429,1.975c-0.30621,0.6016-0.70331,1.1484-1.18022,1.6251
+		c-0.47989,0.48-1.0246,0.876-1.62819,1.1819c-0.5997,0.3061-1.22821,0.51151-1.97151,0.6453
+		c-0.88109,0.157-1.84639,0.2002-2.57339,0.2199c-0.4574,0.0103-0.9126,0.01649-1.37889,0.0187
+		c-0.55571,0.0043-1.1134,0.0042-1.6692,0.0042H14.82318c-0.0074,0-0.0146,0-0.0221,0c-0.5494,0-1.0999,0-1.6593-0.0043
+		c-0.4561-0.00211-0.9112-0.0082-1.3512-0.0182c-0.7436-0.0201-1.7095-0.0632-2.5834-0.2193
+		c-0.74969-0.1348-1.3782-0.3402-1.9858-0.6503c-0.59789-0.3032-1.1422-0.6988-1.6223-1.1797
+		c-0.4764-0.4756-0.8723-1.0207-1.1784-1.6232c-0.3064-0.6019-0.5114-1.2305-0.64619-1.9852
+		c-0.15581-0.8626-0.19861-1.7874-0.22-2.5777c-0.01221-0.4525-0.01731-0.9049-0.02021-1.3547l-0.0022-1.3279l0.0001-0.3506V14.8242
+		l-0.0001-0.3506l0.0021-1.3251c0.003-0.4525,0.0081-0.9049,0.02031-1.357c0.02139-0.7911,0.06419-1.7163,0.22129-2.5861
+		c0.1336-0.7479,0.3385-1.3765,0.6465-1.9814c0.3037-0.5979,0.7003-1.1437,1.17921-1.6225
+		c0.477-0.4772,1.02309-0.8739,1.62479-1.1799c0.6011-0.3061,1.2308-0.5116,1.9805-0.6465c0.8638-0.1552,1.7909-0.198,2.5849-0.2195
+		c0.4526-0.0123,0.9052-0.0172,1.3544-0.0203l1.6771-0.0033H150.69807"/>
+	<g>
+		<g>
+			<path d="M45.1862,35.64053c1.41724-1.77266,2.37897-4.15282,2.12532-6.58506c-2.07464,0.10316-4.60634,1.36871-6.07207,3.14276
+				c-1.31607,1.5192-2.4809,3.99902-2.17723,6.3293C41.39111,38.72954,43.71785,37.36345,45.1862,35.64053"/>
+			<path d="M47.28506,38.98252c-3.38211-0.20146-6.25773,1.91951-7.87286,1.91951c-1.61602,0-4.08931-1.81799-6.76438-1.76899
+				c-3.48177,0.05114-6.71245,2.01976-8.4793,5.15079c-3.63411,6.2636-0.95904,15.55471,2.57494,20.65606
+				c1.71618,2.5238,3.78447,5.30269,6.50976,5.20287c2.57494-0.10104,3.58421-1.66732,6.71416-1.66732
+				c3.12765,0,4.03679,1.66732,6.76252,1.61681c2.82665-0.05054,4.59381-2.52506,6.30997-5.05132
+				c1.96878-2.877,2.77473-5.65498,2.82542-5.80748c-0.0507-0.05051-5.45058-2.12204-5.50065-8.33358
+				c-0.05098-5.20101,4.23951-7.6749,4.44144-7.82832C52.3832,39.4881,48.5975,39.08404,47.28506,38.98252"/>
+		</g>
+		<g>
+			<path d="M76.73385,31.94381c7.35096,0,12.4697,5.06708,12.4697,12.44437c0,7.40363-5.22407,12.49704-12.65403,12.49704h-8.13892
+				v12.94318h-5.88037v-37.8846H76.73385z M68.41059,51.9493h6.74732c5.11975,0,8.0336-2.75636,8.0336-7.53479
+				c0-4.77792-2.91385-7.50845-8.00727-7.50845h-6.77365V51.9493z"/>
+			<path d="M90.73997,61.97864c0-4.8311,3.70182-7.79761,10.26583-8.16526l7.56061-0.44614v-2.12639
+				c0-3.07185-2.07423-4.90959-5.53905-4.90959c-3.28251,0-5.33041,1.57492-5.82871,4.04313h-5.35574
+				c0.31499-4.98859,4.56777-8.66407,11.3941-8.66407c6.69466,0,10.97377,3.54432,10.97377,9.08388v19.03421h-5.43472v-4.54194
+				h-0.13065c-1.60125,3.07185-5.09341,5.01441-8.71623,5.01441C94.52078,70.30088,90.73997,66.94038,90.73997,61.97864z
+				 M108.56641,59.4846v-2.17905l-6.8,0.41981c-3.38683,0.23649-5.30306,1.73291-5.30306,4.09579
+				c0,2.41504,1.99523,3.99046,5.04075,3.99046C105.46823,65.81161,108.56641,63.08108,108.56641,59.4846z"/>
+			<path d="M119.34167,79.9889v-4.5946c0.4193,0.10483,1.36425,0.10483,1.83723,0.10483c2.6252,0,4.04313-1.10245,4.90908-3.9378
+				c0-0.05267,0.49931-1.68025,0.49931-1.70658l-9.97616-27.64562h6.14268l6.98432,22.47371h0.10432l6.98433-22.47371h5.9857
+				l-10.34483,29.06304c-2.36186,6.69517-5.0924,8.84789-10.81577,8.84789C121.17891,80.12006,119.76098,80.06739,119.34167,79.9889
+				z"/>
+		</g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

modules/ps_checkout/views/img/blik.svg

@@ -0,0 +1 @@
+<svg width="80" height="41" viewBox="0 0 80 41" fill="none" xmlns="http:&#x2F;&#x2F;www.w3.org&#x2F;2000&#x2F;svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.64497 0C2.97516 0 0 2.89801 0 6.47265V6.47265V34.5273C0 38.102 2.97516 41 6.64497 41V41H73.355C77.0248 41 80 38.102 80 34.5273V34.5273V6.47265C80 2.89801 77.0248 0 73.355 0V0H6.64497Z" fill="url(#paint0_linear_0_4598)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M32.9412 35.7368H38.366V6.13281H32.9412V35.7368Z" fill="#FFFFFF"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M43.0065 35.7371H48.4314V16.1284H43.0065V35.7371Z" fill="#FFFFFF"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M72.7451 35.7368L64.5932 25.3595L72.0915 16.1282H65.6863L58.4967 25.084V6.13281H53.0719V35.7368H58.4967V25.6694L65.6863 35.7368H72.7451Z" fill="#FFFFFF"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M19.1177 30.6755C16.4285 30.6755 14.2484 28.5519 14.2484 25.9325C14.2484 23.3131 16.4285 21.1895 19.1177 21.1895C21.8068 21.1895 23.9869 23.3131 23.9869 25.9325C23.9869 28.5519 21.8068 30.6755 19.1177 30.6755M19.1177 15.9053C17.3561 15.9053 15.6983 16.3372 14.2484 17.0969V6.13281H8.82355V25.9325C8.82355 31.4703 13.4324 35.9597 19.1177 35.9597C24.8029 35.9597 29.4118 31.4703 29.4118 25.9325C29.4118 20.3947 24.8029 15.9053 19.1177 15.9053" fill="#FFFFFF"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M24.4117 14.0911C27.0831 14.0911 29.2483 11.9817 29.2483 9.37964C29.2483 6.77779 27.0831 4.66846 24.4117 4.66846C21.7404 4.66846 19.5751 6.77779 19.5751 9.37964C19.5751 11.9817 21.7404 14.0911 24.4117 14.0911Z" fill="url(#paint1_radial_0_4598)"></path><defs><linearGradient id="paint0_linear_0_4598" x1="80" y1="41" x2="80" y2="0" gradientUnits="userSpaceOnUse"><stop stop-color="#4D4D4F"></stop><stop offset="1"></stop></linearGradient><radialGradient id="paint1_radial_0_4598" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(21.5456 6.37273) rotate(54.2299) scale(11.1194 11.2157)"><stop stop-color="#FF0000"></stop><stop offset="0.559042" stop-color="#E83E49"></stop><stop offset="1" stop-color="#FF00FF"></stop></radialGradient></defs></svg>

modules/ps_checkout/views/img/card.svg

@@ -0,0 +1,3 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.2266 6.5625H3.77344C1.6928 6.5625 0 8.2553 0 10.3359V31.6641C0 33.7447 1.6928 35.4375 3.77344 35.4375H38.2266C40.3072 35.4375 42 33.7447 42 31.6641V10.3359C42 8.2553 40.3072 6.5625 38.2266 6.5625ZM13.125 18.0469C13.125 19.6753 11.8003 21 10.1719 21H8.20312C6.57472 21 5.25 19.6753 5.25 18.0469V16.0781C5.25 14.4497 6.57472 13.125 8.20312 13.125H10.1719C11.8003 13.125 13.125 14.4497 13.125 16.0781V18.0469ZM29.9987 24.7496C29.7143 24.7496 29.4278 24.6576 29.187 24.4679C28.6178 24.0191 28.5201 23.1938 28.9688 22.6245C29.3368 22.158 29.5312 21.5961 29.5312 21C29.5312 20.4039 29.3368 19.842 28.9689 19.3754C28.5201 18.8062 28.6179 17.9808 29.1871 17.532C29.7563 17.0834 30.5817 17.181 31.0305 17.7503C31.7564 18.6713 32.1562 19.8254 32.1562 21C32.1562 22.1746 31.7564 23.3287 31.0304 24.2497C30.7714 24.5782 30.387 24.7496 29.9987 24.7496V24.7496ZM34.2348 27.572C33.9756 27.8608 33.6173 28.0079 33.2575 28.0079C32.9452 28.0079 32.632 27.8972 32.3813 27.6723C31.8418 27.1882 31.7969 26.3583 32.281 25.8188C33.4701 24.4937 34.125 22.7824 34.125 21C34.125 19.2176 33.4701 17.5063 32.281 16.1812C31.7969 15.6416 31.8418 14.8118 32.3813 14.3277C32.9208 13.8437 33.7505 13.8885 34.2348 14.428C35.8567 16.2355 36.75 18.5695 36.75 21C36.75 23.4305 35.8567 25.7645 34.2348 27.572V27.572Z" fill="#26B9D7"/>
+</svg>

modules/ps_checkout/views/img/cb.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="24px" viewBox="0 0 40 24" version="1.1">
+  <defs>
+    <radialGradient id="radial0" gradientUnits="userSpaceOnUse" cx="1.47" cy="18.27" fx="1.47" fy="18.27" r="26.83" gradientTransform="matrix(1.511013,0,0,1.242291,0.00174009,0.660793)">
+      <stop offset="0.09" style="stop-color:rgb(0%,57.254902%,27.058824%);stop-opacity:1;"/>
+      <stop offset="0.23" style="stop-color:rgb(1.568627%,58.431373%,32.156863%);stop-opacity:0.890196;"/>
+      <stop offset="0.52" style="stop-color:rgb(5.098039%,61.960784%,45.490196%);stop-opacity:0.588235;"/>
+      <stop offset="0.91" style="stop-color:rgb(10.588235%,67.45098%,67.058824%);stop-opacity:0.121569;"/>
+      <stop offset="1" style="stop-color:rgb(12.156863%,69.019608%,72.156863%);stop-opacity:0;"/>
+    </radialGradient>
+    <radialGradient id="radial1" gradientUnits="userSpaceOnUse" cx="5.89" cy="19.23" fx="5.89" fy="19.23" r="34.42" gradientTransform="matrix(1.511013,0,0,1.321586,0.00174009,0)">
+      <stop offset="0.15" style="stop-color:rgb(12.156863%,69.019608%,72.156863%);stop-opacity:0;"/>
+      <stop offset="0.35" style="stop-color:rgb(10.980392%,45.490196%,56.862745%);stop-opacity:0.4;"/>
+      <stop offset="0.56" style="stop-color:rgb(10.196078%,26.666667%,44.313725%);stop-opacity:0.729412;"/>
+      <stop offset="0.74" style="stop-color:rgb(9.411765%,14.901961%,36.862745%);stop-opacity:0.929412;"/>
+      <stop offset="0.87" style="stop-color:rgb(9.411765%,10.588235%,34.117647%);stop-opacity:1;"/>
+    </radialGradient>
+  </defs>
+  <g id="surface1">
+    <rect x="0" y="0" width="40" height="24" style="fill:rgb(16.078431%,67.058824%,88.627451%);fill-opacity:1;stroke:none;"/>
+    <rect x="0" y="0" width="40" height="24" style="fill:url(#radial0);stroke:none;"/>
+    <rect x="0" y="0" width="40" height="24" style="fill:url(#radial1);stroke:none;"/>
+    <path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 21.746094 5.101562 L 32.429688 5.101562 C 34.488281 5.101562 36.160156 6.5625 36.160156 8.367188 C 36.160156 10.167969 34.488281 11.628906 32.429688 11.628906 L 21.746094 11.628906 Z M 21.746094 12.371094 L 32.429688 12.371094 C 34.488281 12.371094 36.160156 13.832031 36.160156 15.632812 C 36.160156 17.4375 34.488281 18.898438 32.429688 18.898438 L 21.746094 18.898438 Z M 12.4375 12.371094 L 12.4375 11.628906 L 21.035156 11.628906 C 20.585938 7.8125 16.824219 4.957031 12.4375 5.101562 C 7.886719 4.9375 4.042969 8.023438 3.839844 12 C 4.042969 15.976562 7.886719 19.0625 12.4375 18.898438 C 16.824219 19.042969 20.585938 16.1875 21.035156 12.371094 Z M 12.4375 12.371094 "/>
+  </g>
+</svg>

modules/ps_checkout/views/img/cvv.svg

@@ -0,0 +1,23 @@
+<svg width="24" height="21" viewBox="0 0 24 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.8571 12C12.8571 8.69143 15.5486 6 18.8571 6C21.0411 6 22.9504 7.17643 24 8.92543V1.71429C24 0.767571 23.2324 0 22.2857 0H1.71429C0.767571 0 0 0.767571 0 1.71429V15.4286C0 16.3753 0.767571 17.1429 1.71429 17.1429H15.7787C14.0306 16.0937 12.8571 14.1827 12.8571 12Z" fill="#797979"/>
+<path d="M1.71429 15.4286V1.71429C1.71429 0.767571 2.48186 0 3.42857 0H1.71429C0.767571 0 0 0.767571 0 1.71429V15.4286C0 16.3753 0.767571 17.1429 1.71429 17.1429H3.42857C2.48186 17.1429 1.71429 16.3753 1.71429 15.4286Z" fill="#474848"/>
+<path d="M0 2.57153H24V5.14296H0V2.57153Z" fill="#505050"/>
+<path d="M0 2.57153H1.71429V5.14296H0V2.57153Z" fill="#505050"/>
+<path d="M18.858 16.2858C16.491 16.2858 14.5723 14.3671 14.5723 12.0001C14.5723 9.63307 16.491 7.71436 18.858 7.71436C21.225 7.71436 23.1437 9.63307 23.1437 12.0001C23.1437 14.3671 21.225 16.2858 18.858 16.2858Z" fill="#F0F0F0"/>
+<path d="M18.8571 20.5714C18.3836 20.5714 18 20.1878 18 19.7142V16.2856H19.7143V19.7142C19.7143 20.1878 19.3307 20.5714 18.8571 20.5714Z" fill="#505050"/>
+<path d="M18.8571 19.7142V16.2856H18V19.7142C18 20.1878 18.3836 20.5714 18.8571 20.5714C19.014 20.5714 19.1593 20.5259 19.2857 20.4526C19.0307 20.3039 18.8571 20.0305 18.8571 19.7142Z" fill="#3C3C3C"/>
+<path d="M12.8563 11.9999C12.8563 11.4042 12.9463 10.8295 13.1092 10.2856H3.42773V13.7142H13.1113C12.9485 13.1704 12.8563 12.5961 12.8563 11.9999Z" fill="#F0F0F0"/>
+<path d="M18.8577 6.85718C16.0176 6.85718 13.7148 9.15989 13.7148 12C13.7148 14.8402 16.0176 17.1429 18.8577 17.1429C21.6978 17.1429 24.0006 14.8402 24.0006 12C24.0006 9.15989 21.6978 6.85718 18.8577 6.85718ZM18.8577 16.2857C16.4946 16.2857 14.572 14.3632 14.572 12C14.572 9.63689 16.4946 7.71432 18.8577 7.71432C21.2208 7.71432 23.1434 9.63689 23.1434 12C23.1434 14.3632 21.2208 16.2857 18.8577 16.2857Z" fill="#505050"/>
+<path d="M14.572 12C14.572 9.30432 16.6471 7.09289 19.2863 6.87475C19.1444 6.86318 19.0026 6.85718 18.8577 6.85718C16.0176 6.85718 13.7148 9.15989 13.7148 12C13.7148 14.8402 16.0176 17.1429 18.8577 17.1429C19.0026 17.1429 19.1444 17.1369 19.2863 17.1253C16.6471 16.9072 14.572 14.6957 14.572 12Z" fill="#3C3C3C"/>
+<path d="M18 18H19.7143V18.8571H18V18Z" fill="#505050"/>
+<path d="M18 18H18.8571V18.8571H18V18Z" fill="#3C3C3C"/>
+<path d="M15.2734 12.7056L16.9878 10.9913L17.2908 11.2943L15.5765 13.0086L15.2734 12.7056Z" fill="#FA6450"/>
+<path d="M15.2734 11.2947L15.5765 10.9916L17.2908 12.7059L16.9878 13.009L15.2734 11.2947Z" fill="#FA6450"/>
+<path d="M17.8457 12.7058L19.56 10.9915L19.8631 11.2945L18.1488 13.0089L17.8457 12.7058Z" fill="#FA6450"/>
+<path d="M17.8457 11.2952L18.1488 10.9921L19.8631 12.7064L19.56 13.0095L17.8457 11.2952Z" fill="#FA6450"/>
+<path d="M20.416 12.7063L22.1304 10.992L22.4334 11.295L20.7191 13.0093L20.416 12.7063Z" fill="#FA6450"/>
+<path d="M20.416 11.2957L20.7191 10.9926L22.4334 12.7069L22.1304 13.01L20.416 11.2957Z" fill="#FA6450"/>
+<path d="M3.42773 7.71436H5.99916V8.5715H3.42773V7.71436Z" fill="#0E0F0F"/>
+<path d="M6.85742 7.71436H9.42885V8.5715H6.85742V7.71436Z" fill="#0E0F0F"/>
+<path d="M10.2852 7.71436H12.8566V8.5715H10.2852V7.71436Z" fill="#0E0F0F"/>
+</svg>

modules/ps_checkout/views/img/diners.svg

@@ -0,0 +1,18 @@
+<svg
+  width="40"
+  height="24"
+  viewBox="0 0 40 24"
+  preserveAspectRatio="xMinYMin meet"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M38.333 24H1.667C.75 24 0 23.28 0 22.4V1.6C0 .72.75 0 1.667 0h36.666C39.25 0 40 .72 40 1.6v20.8c0 .88-.75 1.6-1.667 1.6z"
+    fill="#FFF"/>
+  <path
+    d="M9.02 11.83c0-5.456 4.54-9.88 10.14-9.88 5.6 0 10.139 4.424 10.139 9.88-.002 5.456-4.54 9.88-10.14 9.88-5.6 0-10.14-4.424-10.14-9.88z"
+    fill="#FEFEFE"/>
+  <path fill="#FFF" d="M32.522 22H8.5V1.5h24.022"/>
+  <path
+    d="M25.02 11.732c-.003-2.534-1.607-4.695-3.868-5.55v11.102c2.26-.857 3.865-3.017 3.87-5.552zm-8.182 5.55V6.18c-2.26.86-3.86 3.017-3.867 5.55.007 2.533 1.61 4.69 3.868 5.55zm2.158-14.934c-5.25.002-9.503 4.202-9.504 9.384 0 5.182 4.254 9.38 9.504 9.382 5.25 0 9.504-4.2 9.505-9.382 0-5.182-4.254-9.382-9.504-9.384zM18.973 22C13.228 22.027 8.5 17.432 8.5 11.84 8.5 5.726 13.228 1.5 18.973 1.5h2.692c5.677 0 10.857 4.225 10.857 10.34 0 5.59-5.18 10.16-10.857 10.16h-2.692z"
+    fill="#004A97"/>
+</svg>

modules/ps_checkout/views/img/discover.svg

@@ -0,0 +1,73 @@
+<svg
+  width="40"
+  height="24"
+  viewBox="0 0 40 24"
+  preserveAspectRatio="xMinYMin meet"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M38.333 24H1.667C.75 24 0 23.28 0 22.4V1.6C0 .72.75 0 1.667 0h36.666C39.25 0 40 .72 40 1.6v20.8c0 .88-.75 1.6-1.667 1.6z"
+    fill="rgb(17, 49, 82)"
+  />
+  <path
+    d="M 5.498 13.349 C 5.16 13.654 4.722 13.787 4.028 13.787 L 3.738 13.787 L 3.738 10.141 L 4.028 10.141 C 4.722 10.141 5.143 10.265 5.498 10.587 C 5.868 10.917 6.093 11.431 6.093 11.959 C 6.093 12.489 5.869 13.019 5.498 13.349 Z M 4.243 9.206 L 2.666 9.206 L 2.666 14.721 L 4.236 14.721 C 5.069 14.721 5.671 14.524 6.199 14.084 C 6.829 13.564 7.199 12.779 7.199 11.968 C 7.199 10.34 5.985 9.206 4.243 9.206 Z M 7.696 14.721 L 8.77 14.721 L 8.77 9.207 L 7.696 9.207 M 11.393 11.323 C 10.748 11.083 10.559 10.926 10.559 10.628 C 10.559 10.281 10.897 10.018 11.359 10.018 C 11.681 10.018 11.946 10.15 12.226 10.464 L 12.788 9.727 C 12.326 9.322 11.773 9.115 11.17 9.115 C 10.195 9.115 9.452 9.793 9.452 10.695 C 9.452 11.455 9.798 11.845 10.807 12.208 C 11.227 12.356 11.442 12.455 11.55 12.522 C 11.765 12.662 11.872 12.862 11.872 13.092 C 11.872 13.54 11.518 13.872 11.038 13.872 C 10.528 13.872 10.114 13.614 9.868 13.136 L 9.173 13.806 C 9.668 14.532 10.263 14.856 11.08 14.856 C 12.196 14.856 12.98 14.111 12.98 13.044 C 12.98 12.168 12.617 11.771 11.395 11.324 Z M 13.316 11.968 C 13.316 13.588 14.586 14.845 16.223 14.845 C 16.685 14.845 17.081 14.755 17.57 14.525 L 17.57 13.258 C 17.14 13.688 16.76 13.862 16.273 13.862 C 15.191 13.862 14.423 13.077 14.423 11.962 C 14.423 10.902 15.215 10.067 16.223 10.067 C 16.735 10.067 17.123 10.25 17.57 10.687 L 17.57 9.421 C 17.098 9.181 16.71 9.081 16.248 9.081 C 14.621 9.081 13.316 10.364 13.316 11.968 Z M 26.088 12.911 L 24.62 9.206 L 23.446 9.206 L 25.783 14.862 L 26.361 14.862 L 28.741 9.207 L 27.576 9.207 M 29.226 14.721 L 32.272 14.721 L 32.272 13.787 L 30.299 13.787 L 30.299 12.299 L 32.199 12.299 L 32.199 11.365 L 30.299 11.365 L 30.299 10.141 L 32.272 10.141 L 32.272 9.206 L 29.226 9.206 M 34.373 11.745 L 34.059 11.745 L 34.059 10.075 L 34.389 10.075 C 35.059 10.075 35.423 10.355 35.423 10.893 C 35.423 11.447 35.059 11.745 34.373 11.745 Z M 36.528 10.835 C 36.528 9.802 35.818 9.207 34.578 9.207 L 32.986 9.207 L 32.986 14.721 L 34.059 14.721 L 34.059 12.506 L 34.199 12.506 L 35.686 14.721 L 37.006 14.721 L 35.273 12.398 C 36.083 12.233 36.528 11.678 36.528 10.835 Z"
+    fill="rgb(255, 255, 255)"
+  />
+  <g
+    id="MarkingBase_1_"
+    transform="matrix(0.089776, 0, 0, 0.089776, 2.192296, 5.72498)"
+  >
+    <linearGradient
+      id="SVGID_1_"
+      gradientUnits="userSpaceOnUse"
+      x1="224.3917"
+      y1="44.1731"
+      x2="201.33"
+      y2="80.2807"
+      gradientTransform="matrix(1 0 0 -1 0 141.7323)"
+    >
+      <stop offset="0" stop-color="#F89F21" />
+      <stop offset="0.2502" stop-color="#F79A23" />
+      <stop offset="0.5331" stop-color="#F78E22" />
+      <stop offset="0.6196" stop-color="#F68721" />
+      <stop offset="0.7232" stop-color="#F48220" />
+      <stop offset="1" stop-color="#F27623" />
+    </linearGradient>
+    <circle fill="url(#SVGID_1_)" cx="207.343" cy="70.866" r="33.307" />
+    <linearGradient
+      id="SVGID_2_"
+      gradientUnits="userSpaceOnUse"
+      x1="220.7487"
+      y1="44.664"
+      x2="187.0436"
+      y2="110.5426"
+      gradientTransform="matrix(1 0 0 -1 0 141.7323)"
+    >
+      <stop offset="0" stop-color="#F68721" stop-opacity="0" />
+      <stop offset="0.3587" stop-color="#E27027" stop-opacity="0.2704" />
+      <stop offset="0.703" stop-color="#D4612C" stop-opacity="0.5299" />
+      <stop offset="0.9816" stop-color="#D15D2D" stop-opacity="0.74" />
+    </linearGradient>
+    <circle
+      opacity="0.65"
+      fill="url(#SVGID_2_)"
+      cx="207.343"
+      cy="70.866"
+      r="33.307"
+    />
+  </g>
+  <g
+    id="Orange_1_"
+    enable-background="new    "
+    transform="matrix(0.469224, 0, 0, 0.469224, 13.785085, 6.199149)"
+  >
+    <g id="Orange">
+      <g>
+        <path
+          d="M13,38c20.1,0,40,0,40,0c1.7,0,3-1.3,3-3V18C56,18,51.2,31.8,13,38z"
+          fill="rgb(255, 129, 38)"
+        />
+      </g>
+    </g>
+  </g>
+</svg>

modules/ps_checkout/views/img/giropay.svg

@@ -0,0 +1,12 @@
+<svg width="107" height="45" viewBox="0 0 107 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M1.5 8.07116C1.5 3.61607 5.09837 0 9.52624 0H96.9738C101.402 0 105 3.61607 105 8.07116V36.9288C105 41.3839 101.413 45 96.9738 45H9.52624C5.09837 45.0118 1.5 41.3957 1.5 36.9406V8.07116Z" fill="#000268"/>
+<path d="M3.16937 8.36966V36.6302C3.16937 39.4138 5.45334 41.6666 8.2726 41.6666H54.9154V3.33325H8.2726C5.45334 3.33325 3.16937 5.58607 3.16937 8.36966ZM66.9776 22.3584C66.9776 24.163 66.0854 25.3897 64.5985 25.3897C63.2899 25.3897 62.1955 24.1512 62.1955 22.4999C62.1955 20.8133 63.1591 19.5512 64.5985 19.5512C66.1211 19.563 66.9776 20.8604 66.9776 22.3584ZM58.2462 32.6789H62.1836V26.5456H62.2312C62.9807 27.8902 64.4676 28.3856 65.8356 28.3856C69.2259 28.3856 71.034 25.6138 71.034 22.2758C71.034 19.5394 69.3091 16.5789 66.1568 16.5789C64.3605 16.5789 62.7071 17.2984 61.91 18.8789H61.8625V16.8384H58.2343V32.6789H58.2462ZM76.4108 24.5404C76.4108 23.4553 77.4577 23.0425 78.79 23.0425C79.3847 23.0425 79.9438 23.0779 80.4554 23.1015C80.4554 24.4225 79.5156 25.7671 78.0286 25.7671C77.1127 25.7789 76.4108 25.3307 76.4108 24.5404ZM84.3571 28.1261C84.1787 27.2415 84.143 26.345 84.143 25.4604V21.2497C84.143 17.8056 81.633 16.5671 78.7186 16.5671C77.0413 16.5671 75.5662 16.803 74.1745 17.3691L74.2458 20.0112C75.3402 19.3979 76.6012 19.162 77.874 19.162C79.2896 19.162 80.4554 19.5748 80.4791 21.1199C79.9795 21.0374 79.2777 20.9666 78.6472 20.9666C76.5536 20.9666 72.7708 21.3794 72.7708 24.8235C72.7708 27.2768 74.7811 28.3738 77.0294 28.3738C78.6472 28.3738 79.7416 27.7486 80.6338 26.3333H80.6814C80.6814 26.923 80.7408 27.5009 80.7646 28.1143H84.3571V28.1261ZM86.1177 32.6789C86.9266 32.8558 87.7355 32.9384 88.5682 32.9384C92.1726 32.9384 93.029 30.1784 94.1472 27.3476L98.3226 16.8384H94.3851L92.0417 24.2102H92.006L89.5555 16.8384H85.3207L89.9362 28.3974C89.6507 29.3999 88.9132 29.9543 87.9496 29.9543C87.4024 29.9543 86.9266 29.8835 86.3913 29.7184L86.1177 32.6789Z" fill="white"/>
+<path d="M13.7277 23.1917C13.7277 21.7073 14.456 20.4835 15.8673 20.4835C17.563 20.4835 18.2687 21.832 18.2687 23.0444C18.2687 24.7101 17.1989 25.832 15.8673 25.832C14.7292 25.832 13.7277 24.8801 13.7277 23.1917ZM21.9106 17.8546H18.4963V19.815H18.4621C17.6655 18.4778 16.368 17.6053 14.7633 17.6053C11.3718 17.6053 9.84677 20.0189 9.84677 23.2484C9.84677 26.4552 11.7132 28.7101 14.695 28.7101C16.2087 28.7101 17.4606 28.1209 18.3597 26.8518H18.4052V27.441C18.4052 29.56 17.233 30.5798 15.0592 30.5798C13.4887 30.5798 12.5213 30.2512 11.3718 29.6847L11.1783 32.6422C12.0547 32.9594 13.5456 33.3334 15.3438 33.3334C19.7368 33.3334 21.9106 31.8943 21.9106 27.441V17.8546ZM28.2725 13.3334H24.5054V16.0869H28.2725V13.3334ZM24.5054 28.7101H28.2725V17.8546H24.5054V28.7101ZM38.7543 17.73C38.3788 17.6733 37.9121 17.6053 37.4797 17.6053C35.8522 17.6053 34.9076 18.4778 34.2589 19.8603H34.2133V17.866H30.7877V28.7215H34.5548V24.1436C34.5548 22.0133 35.5449 20.7441 37.2976 20.7441C37.7414 20.7441 38.1511 20.7441 38.5722 20.8688L38.7543 17.73ZM45.2415 26.3305C43.5002 26.3305 42.7946 24.8914 42.7946 23.2937C42.7946 21.6733 43.5002 20.2342 45.2415 20.2342C46.9827 20.2342 47.6884 21.6733 47.6884 23.2937C47.6884 24.8914 46.9714 26.3305 45.2415 26.3305ZM45.2415 28.9594C48.8378 28.9594 51.5806 26.8745 51.5806 23.2937C51.5806 19.6903 48.8378 17.6053 45.2415 17.6053C41.6451 17.6053 38.9023 19.6903 38.9023 23.2937C38.9023 26.8745 41.6337 28.9594 45.2415 28.9594Z" fill="#FF0007"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="106.5" height="45" fill="white"/>
+</clipPath>
+</defs>
+</svg>

modules/ps_checkout/views/img/google_pay.svg

@@ -0,0 +1,11 @@
+<svg width="57" height="30" viewBox="0 0 57 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M41.3269 0.53064H15.6722C7.65514 0.53064 1.0957 7.04596 1.0957 15.0091C1.0957 22.9723 7.65514 29.4876 15.6722 29.4876H41.3269C49.344 29.4876 55.9034 22.9723 55.9034 15.0091C55.9034 7.04596 49.344 0.53064 41.3269 0.53064Z" fill="white"/>
+<path d="M41.3269 1.7034C43.1271 1.7034 44.8763 2.05812 46.5234 2.75309C48.1195 3.42634 49.548 4.38916 50.787 5.61259C52.0188 6.83602 52.9881 8.26216 53.6659 9.84755C54.3656 11.4836 54.7227 13.221 54.7227 15.0091C54.7227 16.7972 54.3656 18.5346 53.6659 20.1707C52.9881 21.7561 52.0188 23.175 50.787 24.4057C49.5553 25.6291 48.1195 26.5919 46.5234 27.2652C44.8763 27.9601 43.1271 28.3149 41.3269 28.3149H15.6722C13.872 28.3149 12.1228 27.9601 10.4757 27.2652C8.87956 26.5919 7.45106 25.6291 6.21206 24.4057C4.98034 23.1822 4.01101 21.7561 3.3332 20.1707C2.63353 18.5346 2.2764 16.7972 2.2764 15.0091C2.2764 13.221 2.63353 11.4836 3.3332 9.84755C4.01101 8.26216 4.98034 6.84326 6.21206 5.61259C7.44377 4.38916 8.87956 3.42634 10.4757 2.75309C12.1228 2.05812 13.872 1.7034 15.6722 1.7034H41.3269ZM41.3269 0.53064H15.6722C7.65514 0.53064 1.0957 7.04596 1.0957 15.0091C1.0957 22.9723 7.65514 29.4876 15.6722 29.4876H41.3269C49.344 29.4876 55.9034 22.9723 55.9034 15.0091C55.9034 7.04596 49.344 0.53064 41.3269 0.53064Z" fill="#3C4043"/>
+<path d="M27.2909 16.0371V20.4169H25.8916V9.60144H29.6013C30.5415 9.60144 31.3432 9.91273 31.9992 10.5353C32.6697 11.1579 33.0049 11.918 33.0049 12.8157C33.0049 13.7351 32.6697 14.4952 31.9992 15.1105C31.3505 15.7258 30.5488 16.0299 29.6013 16.0299H27.2909V16.0371ZM27.2909 10.9335V14.7051H29.6305C30.1844 14.7051 30.6508 14.5169 31.0152 14.1477C31.3869 13.7785 31.5764 13.3297 31.5764 12.8229C31.5764 12.3234 31.3869 11.8818 31.0152 11.5126C30.6508 11.1289 30.1917 10.9407 29.6305 10.9407H27.2909V10.9335Z" fill="#3C4043"/>
+<path d="M36.6637 12.7722C37.6986 12.7722 38.5149 13.0473 39.1125 13.5975C39.7101 14.1477 40.009 14.9006 40.009 15.8561V20.4169H38.6752V19.3889H38.6169C38.0411 20.2359 37.2686 20.6558 36.3065 20.6558C35.483 20.6558 34.7979 20.4169 34.244 19.9318C33.69 19.4468 33.4131 18.8459 33.4131 18.122C33.4131 17.3547 33.7046 16.7466 34.2877 16.2977C34.8707 15.8417 35.6506 15.6172 36.6199 15.6172C37.4508 15.6172 38.1359 15.7693 38.6679 16.0733V15.7548C38.6679 15.2698 38.4784 14.8644 38.0922 14.5241C37.7059 14.1839 37.254 14.0174 36.7365 14.0174C35.9567 14.0174 35.3372 14.3431 34.8853 15.0019L33.6536 14.2345C34.3314 13.2572 35.3372 12.7722 36.6637 12.7722ZM34.8562 18.1437C34.8562 18.5057 35.0092 18.8098 35.3226 19.0486C35.6287 19.2875 35.9931 19.4106 36.4086 19.4106C36.9989 19.4106 37.5237 19.1934 37.9828 18.7591C38.442 18.3247 38.6752 17.818 38.6752 17.2316C38.2379 16.8914 37.633 16.7176 36.8531 16.7176C36.2847 16.7176 35.8109 16.8552 35.4319 17.123C35.0457 17.4053 34.8562 17.7456 34.8562 18.1437Z" fill="#3C4043"/>
+<path d="M47.6175 13.0111L42.9531 23.6673H41.51L43.2446 19.9391L40.1689 13.0111H41.6922L43.9078 18.3247H43.937L46.0943 13.0111H47.6175Z" fill="#3C4043"/>
+<path d="M21.7244 15.1539C21.7244 14.7007 21.6836 14.2671 21.6078 13.8501H15.7422V16.239L19.1203 16.2398C18.9833 17.0346 18.5423 17.7122 17.8667 18.164V19.7139H19.8775C21.0517 18.6345 21.7244 17.039 21.7244 15.1539Z" fill="#4285F4"/>
+<path d="M17.8678 18.1641C17.308 18.5391 16.5872 18.7584 15.744 18.7584C14.115 18.7584 12.7332 17.6682 12.2383 16.1986H10.1641V17.797C11.1917 19.8226 13.3038 21.2125 15.744 21.2125C17.4305 21.2125 18.8473 20.6616 19.8786 19.7133L17.8678 18.1641Z" fill="#34A853"/>
+<path d="M12.0429 15.0128C12.0429 14.6002 12.1121 14.2013 12.2382 13.8263V12.2279H10.164C9.73905 13.0655 9.5 14.0109 9.5 15.0128C9.5 16.0148 9.73978 16.9602 10.164 17.7978L12.2382 16.1994C12.1121 15.8244 12.0429 15.4255 12.0429 15.0128Z" fill="#FABB05"/>
+<path d="M15.744 11.2665C16.6645 11.2665 17.4888 11.5814 18.1396 12.1967L19.9216 10.4282C18.8393 9.42699 17.4283 8.81238 15.744 8.81238C13.3046 8.81238 11.1917 10.2023 10.1641 12.2279L12.2383 13.8263C12.7332 12.3567 14.115 11.2665 15.744 11.2665Z" fill="#E94235"/>
+</svg>

modules/ps_checkout/views/img/icons/close.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+  <path fill="currentColor" d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/>
+</svg>

modules/ps_checkout/views/img/icons/delete_forever.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="#BA151A" d="M280-120q-33 0-56.5-23.5T200-200v-520q-17 0-28.5-11.5T160-760q0-17 11.5-28.5T200-800h160q0-17 11.5-28.5T400-840h160q17 0 28.5 11.5T600-800h160q17 0 28.5 11.5T800-760q0 17-11.5 28.5T760-720v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520Zm-400 0v520-520Zm200 316 76 76q11 11 28 11t28-11q11-11 11-28t-11-28l-76-76 76-76q11-11 11-28t-11-28q-11-11-28-11t-28 11l-76 76-76-76q-11-11-28-11t-28 11q-11 11-11 28t11 28l76 76-76 76q-11 11-11 28t11 28q11 11 28 11t28-11l76-76Z"/></svg>

modules/ps_checkout/views/img/icons/delete_forever_fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="#BA151A" d="m376-300 104-104 104 104 56-56-104-104 104-104-56-56-104 104-104-104-56 56 104 104-104 104 56 56Zm-96 180q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Z"/></svg>

modules/ps_checkout/views/img/icons/favorite.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+  <path fill="currentColor" d="m480-120-58-52q-101-91-167-157T150-447.5Q111-500 95.5-544T80-634q0-94 63-157t157-63q52 0 99 22t81 62q34-40 81-62t99-22q94 0 157 63t63 157q0 46-15.5 90T810-447.5Q771-395 705-329T538-172l-58 52Zm0-108q96-86 158-147.5t98-107q36-45.5 50-81t14-70.5q0-60-40-100t-100-40q-47 0-87 26.5T518-680h-76q-15-41-55-67.5T300-774q-60 0-100 40t-40 100q0 35 14 70.5t50 81q36 45.5 98 107T480-228Zm0-273Z"/>
+</svg>

modules/ps_checkout/views/img/icons/favorite_fill.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
+  <path fill="currentColor" d="m480-120-58-52q-101-91-167-157T150-447.5Q111-500 95.5-544T80-634q0-94 63-157t157-63q52 0 99 22t81 62q34-40 81-62t99-22q94 0 157 63t63 157q0 46-15.5 90T810-447.5Q771-395 705-329T538-172l-58 52Z"/>
+</svg>

modules/ps_checkout/views/img/icons/index.php

@@ -0,0 +1,29 @@
+<?php
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: ' . gmdate('D, d M Y H:i:s') . ' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+
+exit;

modules/ps_checkout/views/img/icons/lock_checkout.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.75 7H12.5C13.3281 7 14 7.67188 14 8.5V14.5C14 15.3281 13.3281 16 12.5 16H1.5C0.671875 16 0 15.3281 0 14.5V8.5C0 7.67188 0.671875 7 1.5 7H2.25V4.75C2.25 2.13125 4.38125 0 7 0C9.61875 0 11.75 2.13125 11.75 4.75V7ZM4.75 4.75V7H9.25V4.75C9.25 3.50938 8.24063 2.5 7 2.5C5.75938 2.5 4.75 3.50938 4.75 4.75Z" fill="#ADADAD"/>
+</svg>

modules/ps_checkout/views/img/icons/lock_fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M240-80q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640h40v-80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560v400q0 33-23.5 56.5T720-80H240Zm240-200q33 0 56.5-23.5T560-360q0-33-23.5-56.5T480-440q-33 0-56.5 23.5T400-360q0 33 23.5 56.5T480-280ZM360-640h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80Z"/></svg>

modules/ps_checkout/views/img/icons/shopping-cart-warning.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.8827 6.13262C19.772 5.9852 19.5984 5.89844 19.4141 5.89844H15.8173C15.5322 3.91344 13.8205 2.38281 11.7578 2.38281C9.69516 2.38281 7.98348 3.91344 7.69828 5.89844H4.64926L3.88367 0.503633C3.8427 0.214727 3.59539 0 3.30355 0H0.585938C0.262344 0 0 0.262344 0 0.585938C0 0.909531 0.262344 1.17188 0.585938 1.17188H2.79492C2.7959 1.17871 4.43992 12.7967 4.44023 12.7987C4.54207 13.4707 4.87051 14.0865 5.36715 14.5423C4.97617 14.865 4.72656 15.3531 4.72656 15.8984C4.72656 16.7079 5.27676 17.391 6.0227 17.5943C5.94285 17.795 5.89844 18.0134 5.89844 18.2422C5.89844 19.2114 6.68699 20 7.65625 20C8.62551 20 9.41406 19.2114 9.41406 18.2422C9.41406 18.0368 9.37832 17.8396 9.31328 17.6559H14.2023C14.1373 17.8396 14.1016 18.0368 14.1016 18.2422C14.1016 19.2114 14.8901 20 15.8594 20C16.8286 20 17.6172 19.2114 17.6172 18.2422C17.6172 17.2729 16.8286 16.4844 15.8594 16.4844H6.48438C6.16129 16.4844 5.89844 16.2215 5.89844 15.8984C5.89844 15.5754 6.16129 15.3125 6.48438 15.3125H15.2617C16.5681 15.3125 17.7246 14.4391 18.0752 13.1879L19.9767 6.64797C20.0282 6.47094 19.9933 6.28004 19.8827 6.13262ZM15.8594 17.6562C16.1825 17.6562 16.4453 17.9191 16.4453 18.2422C16.4453 18.5653 16.1825 18.8281 15.8594 18.8281C15.5363 18.8281 15.2734 18.5653 15.2734 18.2422C15.2734 17.9191 15.5363 17.6562 15.8594 17.6562ZM7.65625 17.6562C7.97934 17.6562 8.24219 17.9191 8.24219 18.2422C8.24219 18.5653 7.97934 18.8281 7.65625 18.8281C7.33316 18.8281 7.07031 18.5653 7.07031 18.2422C7.07031 17.9191 7.33316 17.6562 7.65625 17.6562ZM11.7578 3.55469C13.3732 3.55469 14.6875 4.86895 14.6875 6.48438C14.6875 8.0998 13.3732 9.41406 11.7578 9.41406C10.1424 9.41406 8.82812 8.0998 8.82812 6.48438C8.82812 4.86895 10.1424 3.55469 11.7578 3.55469ZM16.9473 12.8698C16.7385 13.6181 16.0454 14.1406 15.2617 14.1406C14.9281 14.1406 7.82707 14.1406 7.33981 14.1406C6.4652 14.1406 5.73359 13.5036 5.59922 12.6257L4.81508 7.07031H7.69828C7.98348 9.05531 9.69516 10.5859 11.7578 10.5859C13.8205 10.5859 15.5322 9.05531 15.8173 7.07031H18.6335C18.6335 7.07031 16.9479 12.8678 16.9473 12.8698Z" fill="white"/>
+<path d="M11.333 7.53333H12.133V8.33333H11.333V7.53333Z" fill="white"/>
+<path d="M11.333 4.33337H12.133V6.73337H11.333V4.33337Z" fill="white"/>
+</svg>

modules/ps_checkout/views/img/index.php

@@ -0,0 +1,29 @@
+<?php
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: ' . gmdate('D, d M Y H:i:s') . ' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+
+exit;

modules/ps_checkout/views/img/jcb.svg

@@ -0,0 +1,20 @@
+<svg
+  width="40"
+  height="24"
+  viewBox="0 0 40 24"
+  preserveAspectRatio="xMinYMin meet"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M38.333 24H1.667C.75 24 0 23.28 0 22.4V1.6C0 .72.75 0 1.667 0h36.666C39.25 0 40 .72 40 1.6v20.8c0 .88-.75 1.6-1.667 1.6z"
+    fill="#FFF"/>
+  <path
+    d="M33.273 2.01h.013v17.062c-.004 1.078-.513 2.103-1.372 2.746-.63.47-1.366.67-2.14.67-.437 0-4.833.026-4.855 0-.01-.01 0-.07 0-.082v-6.82c0-.04.004-.064.033-.064h5.253c.867 0 1.344-.257 1.692-.61.44-.448.574-1.162.294-1.732-.24-.488-.736-.78-1.244-.913-.158-.04-.32-.068-.483-.083-.01 0-.064 0-.07-.006-.03-.034.023-.04.038-.046.102-.033.215-.042.32-.073.532-.164.993-.547 1.137-1.105.15-.577-.05-1.194-.524-1.552-.34-.257-.768-.376-1.187-.413-.43-.038-4.774-.022-5.21-.022-.072 0-.05-.02-.05-.09V5.63c0-.31.01-.616.073-.92.126-.592.41-1.144.815-1.59.558-.615 1.337-1.01 2.16-1.093.478-.048 4.89-.017 5.305-.017zm-4.06 8.616c.06.272-.01.567-.204.77-.173.176-.407.25-.648.253-.195.003-1.725 0-1.788 0l.003-1.645c.012-.027.02-.018.06-.018.097 0 1.713-.004 1.823.005.232.02.45.12.598.306.076.096.128.208.155.328zm-2.636 2.038h1.944c.242.002.47.063.652.228.226.204.327.515.283.815-.04.263-.194.5-.422.634-.187.112-.39.125-.6.125h-1.857v-1.8z"
+    fill="#53B230"/>
+  <path
+    d="M6.574 13.89c-.06-.03-.06-.018-.07-.06-.006-.026-.005-8.365.003-8.558.04-.95.487-1.857 1.21-2.47.517-.434 1.16-.71 1.83-.778.396-.04.803-.018 1.2-.018.69 0 4.11-.013 4.12 0 .008.008.002 16.758 0 17.074-.003.956-.403 1.878-1.105 2.523-.506.465-1.15.77-1.83.86-.41.056-5.02.032-5.363.032-.066 0-.054.013-.066-.024-.01-.025 0-7 0-7.17.66.178 1.35.28 2.03.348.662.067 1.33.093 1.993.062.93-.044 1.947-.192 2.712-.762.32-.238.574-.553.73-.922.148-.353.2-.736.2-1.117 0-.348.006-3.93-.016-3.942-.023-.014-2.885-.015-2.9.012-.012.022 0 3.87 0 3.95-.003.47-.16.933-.514 1.252-.468.42-1.11.47-1.707.423-.687-.055-1.357-.245-1.993-.508-.157-.065-.312-.135-.466-.208z"
+    fill="#006CB9"/>
+  <path
+    d="M15.95 9.835c-.025.02-.05.04-.072.06V6.05c0-.295-.012-.594.01-.888.12-1.593 1.373-2.923 2.944-3.126.382-.05 5.397-.042 5.41-.026.01.01 0 .062 0 .074v16.957c0 1.304-.725 2.52-1.89 3.1-.504.25-1.045.35-1.605.35-.322 0-4.757.015-4.834 0-.05-.01-.023.01-.035-.02-.007-.022 0-6.548 0-7.44v-.422c.554.48 1.256.75 1.96.908.536.12 1.084.176 1.63.196.537.02 1.076.01 1.61-.037.546-.05 1.088-.136 1.625-.244.137-.028.274-.057.41-.09.033-.006.17-.017.187-.044.013-.02 0-.097 0-.12v-1.324c-.582.292-1.19.525-1.83.652-.778.155-1.64.198-2.385-.123-.752-.326-1.2-1.024-1.274-1.837-.076-.837.173-1.716.883-2.212.736-.513 1.7-.517 2.553-.38.634.1 1.245.305 1.825.58.078.037.154.075.23.113V9.322c0-.02.013-.1 0-.118-.02-.028-.152-.038-.188-.046-.066-.016-.133-.03-.2-.045C22.38 9 21.84 8.908 21.3 8.85c-.533-.06-1.068-.077-1.603-.066-.542.01-1.086.054-1.62.154-.662.125-1.32.337-1.883.716-.085.056-.167.117-.245.18z"
+    fill="#E20138"/>
+</svg>

modules/ps_checkout/views/img/loader.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="256px" height="32px" viewBox="0 0 512 64" xml:space="preserve"><path fill="#949494" fill-opacity="0.42" fill-rule="evenodd" d="M486.4 19.2A12.8 12.8 0 1 1 473.6 32a12.8 12.8 0 0 1 12.8-12.8zm-51.2 0A12.8 12.8 0 1 1 422.4 32a12.8 12.8 0 0 1 12.8-12.8zm-51.2 0A12.8 12.8 0 1 1 371.2 32 12.8 12.8 0 0 1 384 19.2zm-51.2 0A12.8 12.8 0 1 1 320 32a12.8 12.8 0 0 1 12.8-12.8zm-51.2 0A12.8 12.8 0 1 1 268.8 32a12.8 12.8 0 0 1 12.8-12.8zm-51.2 0A12.8 12.8 0 1 1 217.6 32a12.8 12.8 0 0 1 12.8-12.8zm-51.2 0A12.8 12.8 0 1 1 166.4 32a12.8 12.8 0 0 1 12.8-12.8zm-51.2 0A12.8 12.8 0 1 1 115.2 32 12.8 12.8 0 0 1 128 19.2zm-51.2 0A12.8 12.8 0 1 1 64 32a12.8 12.8 0 0 1 12.8-12.8zm-51.2 0A12.8 12.8 0 1 1 12.8 32a12.8 12.8 0 0 1 12.8-12.8z"/><g><path fill="#000000" fill-opacity="1" fill-rule="evenodd" d="M-119.6,10.24A21.76,21.76,0,0,1-97.84,32,21.76,21.76,0,0,1-119.6,53.76,21.76,21.76,0,0,1-141.36,32,21.76,21.76,0,0,1-119.6,10.24Zm-51.2,0A21.76,21.76,0,0,1-149.04,32,21.76,21.76,0,0,1-170.8,53.76,21.76,21.76,0,0,1-192.56,32,21.76,21.76,0,0,1-170.8,10.24Zm-51.2,0A21.76,21.76,0,0,1-200.24,32,21.76,21.76,0,0,1-222,53.76,21.76,21.76,0,0,1-243.76,32,21.76,21.76,0,0,1-222,10.24Zm-51.2,0A21.76,21.76,0,0,1-251.44,32,21.76,21.76,0,0,1-273.2,53.76,21.76,21.76,0,0,1-294.96,32,21.76,21.76,0,0,1-273.2,10.24Zm-51.2,0A21.76,21.76,0,0,1-302.64,32,21.76,21.76,0,0,1-324.4,53.76,21.76,21.76,0,0,1-346.16,32,21.76,21.76,0,0,1-324.4,10.24Zm-51.2,0A21.76,21.76,0,0,1-353.84,32,21.76,21.76,0,0,1-375.6,53.76,21.76,21.76,0,0,1-397.36,32,21.76,21.76,0,0,1-375.6,10.24Zm-51.2,0A21.76,21.76,0,0,1-405.04,32,21.76,21.76,0,0,1-426.8,53.76,21.76,21.76,0,0,1-448.56,32,21.76,21.76,0,0,1-426.8,10.24Zm-51.2,0A21.76,21.76,0,0,1-456.24,32,21.76,21.76,0,0,1-478,53.76,21.76,21.76,0,0,1-499.76,32,21.76,21.76,0,0,1-478,10.24Zm-51.2,0A21.76,21.76,0,0,1-507.44,32,21.76,21.76,0,0,1-529.2,53.76,21.76,21.76,0,0,1-550.96,32,21.76,21.76,0,0,1-529.2,10.24Zm-51.2,0A21.76,21.76,0,0,1-558.64,32,21.76,21.76,0,0,1-580.4,53.76,21.76,21.76,0,0,1-602.16,32,21.76,21.76,0,0,1-580.4,10.24Zm-51,2.56A19.2,19.2,0,0,1-612.2,32a19.2,19.2,0,0,1-19.2,19.2A19.2,19.2,0,0,1-650.6,32,19.2,19.2,0,0,1-631.4,12.8Zm-51,2.56A16.64,16.64,0,0,1-665.76,32,16.64,16.64,0,0,1-682.4,48.64,16.64,16.64,0,0,1-699.04,32,16.64,16.64,0,0,1-682.4,15.36ZM-68.8,12.8A19.2,19.2,0,0,1-49.6,32,19.2,19.2,0,0,1-68.8,51.2,19.2,19.2,0,0,1-88,32,19.2,19.2,0,0,1-68.8,12.8Zm51.2,2.56A16.64,16.64,0,0,1-.96,32,16.64,16.64,0,0,1-17.6,48.64,16.64,16.64,0,0,1-34.24,32,16.64,16.64,0,0,1-17.6,15.36Z"/><animateTransform attributeName="transform" type="translate" values="44 0;95.2 0;146.4 0;197.6 0;248.8 0;300 0;351.2 0;402.4 0;453.6 0;504.8 0;556 0;607.2 0;658.4 0;709.6 0;760.8 0;812 0;863.2 0;914.4 0;965.6 0;1016.8 0;1068 0;1119.2 0;1170.4 0;1221.6 0;1272.8 0;1324 0" calcMode="discrete" dur="2160ms" repeatCount="indefinite"/></g></svg>

modules/ps_checkout/views/img/lock_checkout.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.75 7H12.5C13.3281 7 14 7.67188 14 8.5V14.5C14 15.3281 13.3281 16 12.5 16H1.5C0.671875 16 0 15.3281 0 14.5V8.5C0 7.67188 0.671875 7 1.5 7H2.25V4.75C2.25 2.13125 4.38125 0 7 0C9.61875 0 11.75 2.13125 11.75 4.75V7ZM4.75 4.75V7H9.25V4.75C9.25 3.50938 8.24063 2.5 7 2.5C5.75938 2.5 4.75 3.50938 4.75 4.75Z" fill="#ADADAD"/>
+</svg>

modules/ps_checkout/views/img/logo-mobile.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Calque_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57">
+    <defs>
+        <style>.cls-1{fill:#9edae9;}.cls-2{fill:#1d1d1b;}</style>
+    </defs>
+    <path class="cls-2"
+          d="m6.73.71h21.31c15.3,0,22.23,10.62,22.23,19.81s-6.94,19.81-22.23,19.81h-6.69v15.97H6.73V.71Z"/>
+    <path class="cls-1"
+          d="m36.55,29.3h-15.02c-2.18,0-3.96-1.77-3.96-3.96v-9.65c0-2.18,1.78-3.96,3.96-3.96h15.02c2.18,0,3.96,1.77,3.96,3.96v9.65c0,2.18-1.78,3.96-3.96,3.96Zm-15.02-15.77c-1.2,0-2.17.97-2.17,2.17v9.65c0,1.19.97,2.17,2.17,2.17h15.02c1.2,0,2.17-.97,2.17-2.17v-9.65c0-1.19-.97-2.17-2.17-2.17h-15.02Zm10.73,9.95c0-.49-.4-.89-.9-.89h-8.33c-.49,0-.9.4-.9.89s.4.89.9.89h8.33c.49,0,.9-.4.9-.89Zm-6.88-5.2c0-1.14-.52-1.16-1.16-1.16h-1.1c-.64,0-1.16.03-1.16,1.16s.52,1.16,1.16,1.16h1.1c.64,0,1.16-.03,1.16-1.16Z"/>
+</svg>

modules/ps_checkout/views/img/maestro.svg

@@ -0,0 +1,21 @@
+<svg
+  width="40"
+  height="24"
+  viewBox="0 0 40 24"
+  preserveAspectRatio="xMinYMin meet"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M38.333 24H1.667C.75 24 0 23.28 0 22.4V1.6C0 .72.75 0 1.667 0h36.666C39.25 0 40 .72 40 1.6v20.8c0 .88-.75 1.6-1.667 1.6z"
+    fill="#FFF"/>
+  <path
+    d="M14.67 22.39V21c.022-.465-.303-.86-.767-.882h-.116c-.3-.023-.603.14-.788.394-.164-.255-.442-.417-.743-.394-.256-.023-.51.116-.65.324v-.278h-.487v2.203h.487v-1.183c-.046-.278.162-.533.44-.58h.094c.325 0 .488.21.488.58v1.23h.487v-1.23c-.047-.278.162-.556.44-.58h.093c.325 0 .487.21.487.58v1.23l.534-.024zm2.712-1.09v-1.113h-.487v.28c-.162-.21-.417-.326-.695-.326-.65 0-1.16.51-1.16 1.16 0 .65.51 1.16 1.16 1.16.278 0 .533-.117.695-.325v.278h.487V21.3zm-1.786 0c.024-.37.348-.65.72-.626.37.023.65.348.626.72-.023.347-.302.625-.673.625-.372 0-.674-.28-.674-.65-.023-.047-.023-.047 0-.07zm12.085-1.16c.163 0 .325.024.465.094.14.046.278.14.37.255.117.115.186.23.256.37.117.3.117.626 0 .927-.046.14-.138.255-.254.37-.116.117-.232.186-.37.256-.303.116-.65.116-.952 0-.14-.046-.28-.14-.37-.255-.118-.116-.187-.232-.257-.37-.116-.302-.116-.627 0-.928.047-.14.14-.255.256-.37.115-.117.23-.187.37-.256.163-.07.325-.116.488-.093zm0 .465c-.092 0-.185.023-.278.046-.092.024-.162.094-.232.14-.07.07-.116.14-.14.232-.068.185-.068.394 0 .58.024.092.094.162.14.23.07.07.14.117.232.14.186.07.37.07.557 0 .092-.023.16-.092.23-.14.07-.068.117-.138.14-.23.07-.186.07-.395 0-.58-.023-.093-.093-.162-.14-.232-.07-.07-.138-.116-.23-.14-.094-.045-.187-.07-.28-.045zm-7.677.695c0-.695-.44-1.16-1.043-1.16-.65 0-1.16.534-1.137 1.183.023.65.534 1.16 1.183 1.136.325 0 .65-.093.905-.302l-.23-.348c-.187.14-.42.232-.65.232-.326.023-.627-.21-.673-.533h1.646v-.21zm-1.646-.21c.023-.3.278-.532.58-.532.3 0 .556.232.556.533h-1.136zm3.664-.346c-.207-.116-.44-.186-.695-.186-.255 0-.417.093-.417.255 0 .163.162.186.37.21l.233.022c.488.07.766.278.766.672 0 .395-.37.72-1.02.72-.348 0-.673-.094-.95-.28l.23-.37c.21.162.465.232.743.232.324 0 .51-.094.51-.28 0-.115-.117-.185-.395-.23l-.232-.024c-.487-.07-.765-.302-.765-.65 0-.44.37-.718.927-.718.325 0 .627.07.905.232l-.21.394zm2.32-.116h-.788v.997c0 .23.07.37.325.37.14 0 .3-.046.417-.115l.14.417c-.186.116-.395.162-.604.162-.58 0-.765-.302-.765-.812v-1.02h-.44v-.44h.44v-.673h.487v.672h.79v.44zm1.67-.51c.117 0 .233.023.35.07l-.14.463c-.093-.045-.21-.045-.302-.045-.325 0-.464.208-.464.58v1.25h-.487v-2.2h.487v.277c.116-.255.325-.37.557-.394z"
+    fill="#000"/>
+  <path fill="#7673C0" d="M23.64 3.287h-7.305V16.41h7.306"/>
+  <path
+    d="M16.8 9.848c0-2.55 1.183-4.985 3.2-6.56C16.384.435 11.12 1.06 8.29 4.7 5.435 8.32 6.06 13.58 9.703 16.41c3.038 2.387 7.283 2.387 10.32 0-2.04-1.578-3.223-3.99-3.223-6.562z"
+    fill="#EB001B"/>
+  <path
+    d="M33.5 9.848c0 4.613-3.735 8.346-8.35 8.346-1.88 0-3.69-.626-5.15-1.785 3.618-2.83 4.245-8.092 1.415-11.71-.418-.532-.882-.996-1.415-1.413C23.618.437 28.883 1.06 31.736 4.7 32.873 6.163 33.5 7.994 33.5 9.85z"
+    fill="#00A1DF"/>
+</svg>

modules/ps_checkout/views/img/mastercard.svg

@@ -0,0 +1,28 @@
+<svg
+  width="40"
+  height="24"
+  viewBox="0 0 40 24"
+  preserveAspectRatio="xMinYMin meet"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M0 1.927C0 .863.892 0 1.992 0h36.016C39.108 0 40 .863 40 1.927v20.146C40 23.137 39.108 24 38.008 24H1.992C.892 24 0 23.137 0 22.073V1.927z"
+    fill="rgb(62, 57, 57)"
+  />
+  <path
+    fill="rgb(255, 95, 0)"
+    d="M 22.205 3.901 L 15.688 3.901 L 15.688 15.589 L 22.205 15.589"
+  />
+  <path
+    d="M 16.1 9.747 C 16.1 7.371 17.218 5.265 18.935 3.901 C 17.67 2.912 16.078 2.312 14.342 2.312 C 10.223 2.312 6.892 5.636 6.892 9.746 C 6.892 13.853 10.223 17.178 14.342 17.178 C 16.078 17.178 17.67 16.58 18.935 15.588 C 17.216 14.246 16.099 12.119 16.099 9.745 Z"
+    fill="rgb(235, 0, 27)"
+  />
+  <path
+    d="M 30.996 9.747 C 30.996 13.854 27.663 17.179 23.547 17.179 C 21.81 17.179 20.216 16.581 18.954 15.589 C 20.691 14.227 21.788 12.12 21.788 9.746 C 21.788 7.37 20.671 5.264 18.954 3.9 C 20.216 2.911 21.81 2.311 23.547 2.311 C 27.663 2.311 30.996 5.657 30.996 9.745 Z"
+    fill="rgb(247, 158, 27)"
+  />
+  <path
+    d="M 7.167 22.481 L 7.167 20.43 C 7.167 19.641 6.685 19.127 5.857 19.127 C 5.443 19.127 4.993 19.262 4.683 19.71 C 4.44 19.332 4.096 19.127 3.579 19.127 C 3.233 19.127 2.888 19.23 2.612 19.607 L 2.612 19.197 L 1.886 19.197 L 1.886 22.481 L 2.612 22.481 L 2.612 20.668 C 2.612 20.086 2.921 19.812 3.406 19.812 C 3.888 19.812 4.131 20.121 4.131 20.669 L 4.131 22.481 L 4.856 22.481 L 4.856 20.668 C 4.856 20.086 5.204 19.812 5.651 19.812 C 6.137 19.812 6.377 20.121 6.377 20.669 L 6.377 22.481 L 7.171 22.481 Z M 17.909 19.197 L 16.734 19.197 L 16.734 18.204 L 16.007 18.204 L 16.007 19.197 L 15.352 19.197 L 15.352 19.845 L 16.007 19.845 L 16.007 21.351 C 16.007 22.106 16.319 22.551 17.146 22.551 C 17.459 22.551 17.804 22.449 18.044 22.309 L 17.839 21.695 C 17.632 21.831 17.389 21.867 17.216 21.867 C 16.872 21.867 16.734 21.66 16.734 21.319 L 16.734 19.847 L 17.909 19.847 L 17.909 19.198 Z M 24.053 19.127 C 23.639 19.127 23.364 19.332 23.191 19.607 L 23.191 19.197 L 22.465 19.197 L 22.465 22.481 L 23.191 22.481 L 23.191 20.633 C 23.191 20.086 23.434 19.777 23.882 19.777 C 24.018 19.777 24.192 19.812 24.33 19.847 L 24.538 19.162 C 24.401 19.127 24.192 19.127 24.052 19.127 Z M 14.765 19.469 C 14.42 19.229 13.937 19.127 13.418 19.127 C 12.588 19.127 12.036 19.538 12.036 20.188 C 12.036 20.736 12.453 21.044 13.175 21.146 L 13.524 21.181 C 13.903 21.249 14.108 21.351 14.108 21.523 C 14.108 21.765 13.832 21.934 13.35 21.934 C 12.864 21.934 12.484 21.764 12.244 21.592 L 11.898 22.139 C 12.278 22.411 12.794 22.549 13.313 22.549 C 14.28 22.549 14.831 22.105 14.831 21.488 C 14.831 20.908 14.383 20.599 13.692 20.496 L 13.348 20.462 C 13.037 20.428 12.795 20.36 12.795 20.155 C 12.795 19.914 13.038 19.777 13.418 19.777 C 13.83 19.777 14.245 19.949 14.453 20.052 L 14.764 19.469 Z M 34.033 19.127 C 33.618 19.127 33.342 19.332 33.171 19.607 L 33.171 19.197 L 32.445 19.197 L 32.445 22.481 L 33.171 22.481 L 33.171 20.633 C 33.171 20.086 33.414 19.777 33.862 19.777 C 33.998 19.777 34.17 19.812 34.307 19.847 L 34.515 19.162 C 34.38 19.127 34.172 19.127 34.033 19.127 Z M 24.779 20.838 C 24.779 21.834 25.47 22.551 26.54 22.551 C 27.025 22.551 27.369 22.449 27.715 22.173 L 27.369 21.593 C 27.092 21.798 26.816 21.901 26.504 21.901 C 25.919 21.901 25.505 21.49 25.505 20.84 C 25.505 20.226 25.919 19.813 26.507 19.78 C 26.816 19.78 27.092 19.883 27.369 20.089 L 27.715 19.507 C 27.369 19.233 27.024 19.13 26.54 19.13 C 25.47 19.13 24.779 19.85 24.779 20.841 Z M 31.478 20.838 L 31.478 19.198 L 30.75 19.198 L 30.75 19.608 C 30.51 19.3 30.165 19.128 29.717 19.128 C 28.784 19.128 28.058 19.848 28.058 20.84 C 28.058 21.835 28.784 22.552 29.716 22.552 C 30.197 22.552 30.543 22.382 30.748 22.074 L 30.748 22.484 L 31.477 22.484 L 31.477 20.84 Z M 28.818 20.838 C 28.818 20.259 29.196 19.779 29.819 19.779 C 30.406 19.779 30.821 20.224 30.821 20.84 C 30.821 21.424 30.406 21.902 29.819 21.902 C 29.196 21.869 28.818 21.424 28.818 20.841 Z M 20.148 19.128 C 19.183 19.128 18.494 19.813 18.494 20.84 C 18.494 21.869 19.183 22.552 20.185 22.552 C 20.671 22.552 21.154 22.417 21.533 22.108 L 21.188 21.595 C 20.914 21.799 20.565 21.937 20.222 21.937 C 19.772 21.937 19.323 21.732 19.219 21.149 L 21.671 21.149 L 21.671 20.878 C 21.705 19.815 21.083 19.13 20.15 19.13 Z M 20.148 19.748 C 20.6 19.748 20.911 20.019 20.98 20.532 L 19.253 20.532 C 19.321 20.087 19.633 19.748 20.148 19.748 Z M 38.141 20.84 L 38.141 17.898 L 37.412 17.898 L 37.412 19.61 C 37.173 19.302 36.828 19.13 36.38 19.13 C 35.446 19.13 34.721 19.85 34.721 20.841 C 34.721 21.837 35.446 22.554 36.379 22.554 C 36.861 22.554 37.206 22.383 37.41 22.076 L 37.41 22.486 L 38.14 22.486 L 38.14 20.841 Z M 35.481 20.84 C 35.481 20.261 35.861 19.78 36.484 19.78 C 37.069 19.78 37.486 20.226 37.486 20.841 C 37.486 21.426 37.069 21.904 36.484 21.904 C 35.861 21.87 35.481 21.426 35.481 20.843 Z M 11.237 20.84 L 11.237 19.2 L 10.515 19.2 L 10.515 19.61 C 10.272 19.302 9.928 19.13 9.478 19.13 C 8.545 19.13 7.82 19.85 7.82 20.841 C 7.82 21.837 8.545 22.554 9.477 22.554 C 9.96 22.554 10.304 22.383 10.512 22.076 L 10.512 22.486 L 11.236 22.486 L 11.236 20.841 Z M 8.546 20.84 C 8.546 20.261 8.926 19.78 9.548 19.78 C 10.134 19.78 10.55 20.226 10.55 20.841 C 10.55 21.426 10.134 21.904 9.548 21.904 C 8.926 21.87 8.546 21.426 8.546 20.843 Z"
+    fill="rgb(255, 255, 255)"
+  />
+</svg>

modules/ps_checkout/views/img/mybank.svg

@@ -0,0 +1,14 @@
+<svg width="84" height="45" viewBox="0 0 84 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M55.5904 27.1245C55.5904 27.1245 53.6215 27.5298 53.6421 26.1165C53.663 24.7032 57.2287 24.7877 57.5941 24.9022C57.5941 24.9022 57.7063 26.5059 55.5904 27.1245ZM56.1829 18.209C53.1217 18.1805 51.6906 19.9458 51.6906 19.9458C50.7611 20.9345 51.3571 22.2734 52.2688 22.3701C53.5788 22.509 53.5651 21.4078 55.576 20.9196C57.34 20.4914 57.4163 22.1303 57.4163 22.1303C49.8932 21.9427 50.2523 28.2742 52.8134 29.6189C55.2693 30.9082 57.5649 29.2816 57.5649 29.2816C57.5649 29.2816 57.6512 30.1578 58.8662 30.1578C60.2567 30.1578 60.2546 28.7661 60.2546 28.7661L60.249 22.6034C60.1575 18.0945 56.1829 18.209 56.1829 18.209Z" fill="#204256"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M80.4775 27.6694L77.4102 23.0396L79.6645 20.9017C79.6645 20.9017 80.7051 19.936 79.8508 18.9786C78.9041 17.9183 77.7756 18.965 77.7756 18.965L74.9429 21.604V16.3069C74.9429 15.5479 74.3297 14.9331 73.5732 14.9331C72.8159 14.9331 72.2027 15.5479 72.2027 16.3069V28.7712C72.2027 29.53 72.8159 30.1451 73.5732 30.1451C74.3297 30.1451 74.9429 29.53 74.9429 28.7712V25.4528L75.4611 24.9338L78.236 29.2951C78.236 29.2951 79.1405 30.8095 80.4726 29.8458C81.4741 29.1213 80.4775 27.6694 80.4775 27.6694Z" fill="#204256"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M70.6915 22.6041C70.6915 18.1018 66.9492 17.4674 64.4043 18.8956C64.4023 18.8972 64.4 18.9022 64.3988 18.9036C64.2073 18.356 63.6927 17.96 63.0809 17.96C62.3076 17.96 61.6805 18.5893 61.6805 19.3653V28.7526C61.6805 29.5289 62.3076 30.158 63.0809 30.158C63.8547 30.158 64.4821 29.5289 64.4821 28.7526L64.4627 22.4195C64.4627 22.4195 64.8025 22.0137 65.3479 21.6256C66.6581 20.6941 67.9073 21.0114 67.9073 22.6035L67.9394 28.7754C67.9394 29.5396 68.5562 30.158 69.3177 30.158C70.0787 30.158 70.6955 29.5396 70.6955 28.7754L70.6915 22.6041Z" fill="#204256"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30.4166 30.3382C30.7375 29.8006 30.7934 29.4219 30.7934 29.4219L27.6297 21.1288C27.6297 21.1288 27.0558 19.5242 28.3207 19.0489C29.6609 18.5447 30.1446 19.8284 30.2453 20.0976C30.346 20.3668 32.2441 25.4357 32.2441 25.4357L34.0715 20.1093C34.0715 20.1093 34.595 18.4532 36.0588 19.0438C37.2685 19.5321 36.6471 21.1565 36.6471 21.1565C36.6471 21.1565 34.7768 26.7064 33.2091 30.7327C32.2727 33.1383 31.473 33.3754 30.5593 33.601C29.3364 33.9029 27.0244 33.7533 27.0244 32.2284C27.0244 31.0256 28.2522 30.9506 28.8061 30.9685C28.8358 30.9691 29.9807 31.0685 30.4166 30.3382Z" fill="#1CB9DE"/>
+<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="1" y="0" width="80" height="45">
+<path d="M1.5 0.0179443H80.9281V44.993H1.5V0.0179443Z" fill="white"/>
+</mask>
+<g mask="url(#mask0)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.0688 16.3978L20.177 24.3999L17.0245 16.4465C17.0245 16.4465 16.5573 14.9387 15.2428 14.9387C13.7198 14.9387 13.7695 16.1486 13.7352 16.4465C13.7009 16.7445 13.7352 28.8836 13.7352 28.8836C13.7352 28.8836 13.7198 30.158 15.1172 30.158C16.5449 30.158 16.4764 28.8722 16.4878 28.8722C16.4992 28.8722 16.4878 22.4639 16.4878 22.4639L18.8064 28.8722C18.8064 28.8722 19.1489 30.1322 20.2227 30.1093C21.2963 30.0865 21.6046 28.8722 21.6046 28.8722L23.5465 22.4754V28.8722C23.5465 28.8722 23.5465 30.158 24.9512 30.158C26.3103 30.158 26.3103 28.8722 26.3103 28.8722L26.3123 16.458C26.3123 16.458 26.3123 14.9387 24.837 14.946C23.6135 14.9518 23.1487 16.128 23.0688 16.3978C23.0596 16.4293 23.0553 16.4465 23.0553 16.4465Z" fill="#1CB9DE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M80.9281 35.0571H56.5214L38.6006 35.0541L38.613 35.0741C35.0709 39.2367 29.8098 41.8842 23.9251 41.8842C13.2558 41.8842 4.60671 33.2093 4.60671 22.5091C4.60671 11.8088 13.2558 3.1346 23.9251 3.1346C29.8351 3.1346 35.1212 5.7971 38.664 9.99029H42.5432C38.5178 3.98014 31.687 0.0179443 23.9251 0.0179443C11.5405 0.0179443 1.5 10.0877 1.5 22.5091C1.5 34.9304 11.5405 44.9999 23.9251 44.9999C30.4222 44.9999 36.2609 42.2184 40.3541 37.7891L79.0897 37.7504L80.9281 35.0571Z" fill="#1CB9DE"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M45.3839 27.4417H41.4856V23.7153H45.3839C46.3267 23.764 47.2422 24.2451 47.2422 25.5787C47.2422 26.9482 46.4097 27.4417 45.3839 27.4417ZM41.4856 17.8804H45.1192C45.8471 17.8992 46.611 18.2885 46.611 19.3768C46.611 20.5107 45.9431 20.873 45.1192 20.873H41.4856V17.8804ZM48.4551 22.002C48.5292 21.8998 49.4618 21.1422 49.388 19.1277C49.2395 15.0491 45.7075 15.0956 44.9258 15.0718C43.6664 15.0339 42.9084 15.0491 40.5969 15.0718C38.6452 15.0912 38.6594 16.8702 38.6594 16.8702V30.1579C38.6594 30.1579 42.1731 30.1579 45.2384 30.1579C48.759 30.1579 50.0687 28.2141 50.0687 25.4965C50.0687 22.7623 48.4551 22.002 48.4551 22.002Z" fill="#204256"/>
+</svg>

modules/ps_checkout/views/img/p24.svg

@@ -0,0 +1,26 @@
+<svg width="140" height="45" viewBox="0 0 140 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.461 25.8968L40.4792 25.8827L40.0776 28.3858L30.8629 37.1679L38.5982 37.1538L38.1473 39.8538L26.7558 39.8608L27.2348 37.0694L36.0691 28.6249H29.0172L29.461 25.8968Z" fill="#D13239"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.4073 21.6148C17.1678 21.3617 16.8226 21.1648 16.4421 21.0101C16.0266 20.8551 15.5973 20.7397 15.16 20.6656C14.6756 20.5809 14.186 20.5292 13.6946 20.5109C13.3424 20.4968 13.117 20.4968 13.117 20.4968H4.71245L1.5 39.8609H4.50111L5.68464 32.689L11.5037 32.7171C11.5037 32.7171 13.7721 32.8085 15.3784 31.9578C16.9846 31.107 17.4143 29.1734 17.4143 29.1734C17.4143 29.1734 17.5905 28.4562 17.7384 27.5843C17.9004 26.621 18.0625 25.4679 18.147 24.8562C18.1822 24.589 18.2034 24.4203 18.2034 24.4203C18.2336 24.2532 18.2477 24.0837 18.2456 23.914C18.2609 23.3249 18.1251 22.7416 17.8511 22.2195C17.7312 21.9988 17.5819 21.7954 17.4073 21.6148ZM15.0966 25.032C15.0966 25.0671 14.8289 26.621 14.4766 28.4632C14.3428 29.1664 13.8003 29.546 13.1804 29.6796C12.1518 29.8976 11.0458 29.8554 11.0458 29.8554L6.18483 29.8414L7.25565 23.4078L11.6587 23.4218C11.6587 23.4218 11.9546 23.4148 12.3702 23.4218C12.9094 23.4244 13.448 23.4572 13.9835 23.5203C14.4273 23.5765 14.7796 23.6679 14.8923 23.8085C15.0265 23.9936 15.1047 24.2133 15.1177 24.4414C15.1328 24.6384 15.1258 24.8365 15.0966 25.032Z" fill="#D13239"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M55.4213 20.4968H58.3097L55.0761 39.8609L52.1807 39.8539L55.4213 20.4968Z" fill="#D13239"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M70.8354 25.8968L73.6041 25.8898L74.5833 35.7195L78.8455 25.8757L82.2622 25.8828L83.2696 35.7546L87.5247 25.8898H90.399L84.2982 39.8468H80.8885L79.9022 30.0734L75.5978 39.8468L72.2444 39.8609L70.8354 25.8968Z" fill="#D13239"/>
+<path d="M50.0884 26.0093C49.2782 25.7491 47.8763 25.6929 46.6857 25.7069C45.5374 25.721 45.009 25.7773 44.5793 25.8687C44.5793 25.8687 42.5363 26.164 41.3739 27.5984C40.2115 29.0327 39.8663 32.1687 39.8663 32.1687C39.8663 32.1687 39.1759 35.6351 39.3802 36.7952C39.5845 37.9554 39.9438 39.0241 41.2541 39.5234C42.0268 39.826 42.8476 39.988 43.6776 40.0015C43.6776 40.0015 46.0165 40.1843 47.7777 39.7695C48.8294 39.5217 49.7731 38.9423 50.4688 38.1171C50.7438 37.7523 50.9821 37.3613 51.1803 36.9499C51.3546 36.5881 51.4892 36.2085 51.5819 35.8179L51.7651 35.0655L48.771 35.0726C48.771 35.0726 48.609 37.0484 46.9887 37.2312C45.3683 37.414 44.5089 37.3437 44.1918 37.3296C43.8748 37.3155 42.1488 37.3929 42.2897 35.9445C42.2893 35.9138 42.2917 35.8832 42.2968 35.853C42.3743 34.2077 42.5574 33.7788 42.5574 33.7788L51.9623 33.7507L52.3639 31.4304C52.8288 28.8007 52.4977 26.7968 50.0884 26.0093ZM49.4614 31.0999L43.0154 31.0929L43.269 30.0734C43.269 30.0734 43.4944 29.2718 43.9382 28.9343C44.3821 28.5968 44.9597 28.5335 45.4951 28.4843C46.0306 28.4351 47.4607 28.3296 48.6231 28.5687C49.0105 28.646 49.3769 28.864 49.4755 29.1874C49.7009 29.9468 49.4614 31.0999 49.4614 31.0999Z" fill="#D13239"/>
+<path d="M42.3559 35.8813C42.3559 35.9129 42.3408 35.9445 42.3408 35.976C42.3258 36.1445 42.3559 35.8707 42.3559 35.8813Z" fill="#D13239"/>
+<path d="M60.0937 35.8882C60.0937 35.9198 60.0787 35.9514 60.0787 35.983C60.0787 36.1515 60.0937 35.8777 60.0937 35.8882Z" fill="#D13239"/>
+<path d="M67.8344 26.0163C67.0242 25.7561 65.6223 25.6998 64.4317 25.7139C63.2834 25.728 62.755 25.7842 62.3253 25.8756C62.3253 25.8756 60.2823 26.1709 59.1199 27.6053C57.9575 29.0397 57.6123 32.1756 57.6123 32.1756C57.6123 32.1756 56.9219 35.642 57.1262 36.8022C57.3305 37.9623 57.6898 39.0311 59.0001 39.5303C59.7728 39.833 60.5936 39.9949 61.4235 40.0084C61.4235 40.0084 63.7624 40.1912 65.5236 39.7764C66.5753 39.5287 67.519 38.9493 68.2148 38.1241C68.4897 37.7592 68.7281 37.3683 68.9263 36.9569C69.1006 36.595 69.2352 36.2155 69.3279 35.8248L69.511 35.0725L66.517 35.0795C66.517 35.0795 66.3549 37.0553 64.7346 37.2381C63.8071 37.3533 62.8714 37.3886 61.9378 37.3436C61.6278 37.3295 59.8948 37.3998 60.0357 35.9584C60.0353 35.9278 60.0376 35.8972 60.0427 35.867C60.1202 34.2217 60.3034 33.7928 60.3034 33.7928L69.7083 33.7647L70.1098 31.4444C70.5748 28.8077 70.2437 26.7967 67.8344 26.0163ZM67.1792 31.0998L60.7331 31.0928L60.9868 30.0733C60.9868 30.0733 61.2122 29.2717 61.656 28.9342C62.0998 28.5967 62.6775 28.5334 63.2129 28.4842C63.7483 28.435 65.1784 28.3295 66.3408 28.5686C66.7283 28.6459 67.0946 28.8639 67.1933 29.1873C67.4187 29.9397 67.1792 31.0998 67.1792 31.0998Z" fill="#D13239"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M93.7242 25.8967L95.577 36.1061L100.811 25.8896L103.756 25.9178L96.211 40.5076C96.211 40.5076 94.8443 43.1514 93.999 43.8193C93.1536 44.4873 92.6323 44.7896 91.9419 44.86C91.2515 44.9303 90.9697 44.9795 90.3075 44.86L89.603 44.7334L90.0397 42.1248C90.0397 42.1248 91.2092 42.3428 91.8996 42.0686C92.59 41.7943 93.1536 40.6131 93.1536 40.6131L93.5058 40.0225L90.7795 25.8896L93.7242 25.8967V25.8967Z" fill="#D13239"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M104.827 27.2819L107.863 27.2889L108.046 26.1147C108.046 26.1147 108.37 23.9913 109.096 23.5835C109.329 23.4499 109.702 23.3303 110.132 23.253C110.928 23.1124 111.935 23.0983 112.759 23.1264C114.02 23.1686 114.499 23.1827 115.782 23.3303C117.064 23.478 116.74 24.7155 116.74 24.7155L116.486 26.5647C116.486 26.5647 116.373 27.3944 116.077 27.9077C115.817 28.3647 115.098 28.6741 114.683 28.8077C113.682 29.1311 110.258 30.003 110.258 30.003L107.567 30.7764C107.567 30.7764 105.912 31.2545 104.989 32.2741C104.281 33.0666 103.791 34.0282 103.566 35.0655C103.439 35.6702 102.728 39.8538 102.728 39.8538L117.254 39.8608L117.74 36.9639L106.25 36.978L106.454 35.7967C106.454 35.7967 106.588 34.5803 107.081 34.1795C107.236 34.053 107.314 33.8842 108.23 33.5608C108.779 33.3639 110.653 32.8647 110.653 32.8647L114.986 31.6835C114.986 31.6835 117.353 31.0788 118.283 29.785C119.212 28.4913 119.572 26.0303 119.572 26.0303C119.572 26.0303 119.825 23.6327 119.628 22.8803C119.431 22.128 118.726 21.228 117.86 20.8413C116.993 20.4545 116.092 20.2295 113.478 20.2647C110.864 20.2999 109.568 20.4194 108.244 20.9116C106.919 21.4038 106.151 22.2827 105.665 23.5342C105.137 24.7225 104.827 27.2819 104.827 27.2819Z" fill="#B3B2B1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M132.175 32.6679L134.211 20.4897H130.604L119.375 32.5272L118.867 35.5788H128.688L127.969 39.8538L130.984 39.8608L131.696 35.5788L134.479 35.5858L134.979 32.6679H132.175ZM129.174 32.6749L122.827 32.6679L130.555 24.4483L129.174 32.6749Z" fill="#B3B2B1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.7758 22.0929H33.0257C33.0257 22.0929 35.0969 20.4195 36.5693 19.3437C38.0416 18.2679 40.7187 16.5734 40.7187 16.5734L35.4914 14.1335C35.4914 14.1335 31.0743 16.8617 29.2004 18.1484C27.3828 19.3367 23.7758 22.0929 23.7758 22.0929Z" fill="#B3B2B1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M43.6564 14.8506L39.3661 11.9678C42.2908 10.3655 45.3117 8.94484 48.4117 7.71392C53.5685 5.66079 56.3231 4.80298 56.3231 4.80298L57.1966 8.88814C57.1966 8.88814 52.23 10.5475 49.3839 11.8905C46.4391 13.142 43.6564 14.8506 43.6564 14.8506Z" fill="#B3B2B1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M60.3668 7.99526L59.6201 3.81167C59.6201 3.81167 64.9178 2.40542 69.7646 1.50542C74.6115 0.60542 81.0505 0.176514 81.0505 0.176514L78.923 6.63823C78.923 6.63823 73.2659 5.8648 67.9541 6.58901C65.398 6.89893 62.864 7.3686 60.3668 7.99526Z" fill="#B3B2B1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M82.2904 7.18658L85.8692 0.0076736C85.8692 0.0076736 93.7101 -0.147014 100.473 0.900642C107.236 1.9483 113.422 3.54439 113.288 3.6147L96.1406 12.5655C96.1406 12.5655 92.1321 10.0342 87.1584 8.48033C84.3405 7.65064 82.2904 7.18658 82.2904 7.18658Z" fill="#B3B2B1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M99.2121 14.5131L102.981 17.3678H133.957C133.957 17.3678 133.894 16.3694 133.07 14.9491C132.555 14.0631 131.618 13.1209 130.639 12.1436C130.28 11.792 128.857 10.6811 127.786 9.98501C125.053 8.21313 123.524 7.5311 120.685 6.24438L99.2121 14.5131Z" fill="#B3B2B1"/>
+<path d="M25.7836 25.8827C24.6212 25.8827 23.5222 26.3397 22.5852 26.853L22.7473 25.8827H19.6687L17.203 39.7835H20.2886L21.6553 32.0843C21.9371 30.5233 23.1066 28.5897 25.3891 28.5897L26.9812 28.5827L27.4603 25.8827H25.7836Z" fill="#D13239"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="139.5" height="45" fill="white"/>
+</clipPath>
+</defs>
+</svg>

modules/ps_checkout/views/img/paylater.svg

@@ -0,0 +1,13 @@
+<svg width="39" height="45" viewBox="0 0 39 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M32.3595 3.50273C30.2832 1.13617 26.53 0.121582 21.7286 0.121582H7.79348C6.81114 0.121582 5.97639 0.836014 5.82259 1.80471L0.0203116 38.6042C-0.0950393 39.3298 0.466832 39.9871 1.20235 39.9871H9.8053L11.966 26.2827L11.899 26.7118C12.0528 25.7431 12.8813 25.0287 13.8624 25.0287H17.9506C25.9817 25.0287 32.2702 21.7666 34.1071 12.3302C34.1617 12.0511 34.2089 11.7795 34.2498 11.514C34.0178 11.3912 34.0178 11.3912 34.2498 11.514C34.7968 8.02623 34.2461 5.65223 32.3595 3.50273Z" fill="#27346A"/>
+<path d="M15.2578 10.2576C15.4873 10.1484 15.7428 10.0877 16.0107 10.0877H26.9355C28.2292 10.0877 29.4361 10.172 30.5387 10.3494C30.855 10.4002 31.1614 10.4585 31.459 10.5255C31.7567 10.5912 32.0457 10.6657 32.326 10.7475C32.4662 10.7884 32.6039 10.8306 32.7391 10.8753C33.2811 11.0564 33.7859 11.2672 34.2498 11.514C34.7968 8.02499 34.2461 5.65223 32.3595 3.50273C30.282 1.13617 26.53 0.121582 21.7286 0.121582H7.79224C6.81114 0.121582 5.97639 0.836014 5.82259 1.80471L0.0203125 38.6029C-0.0950385 39.3298 0.466833 39.9859 1.20111 39.9859H9.8053L14.2879 11.5599C14.3797 10.977 14.7542 10.4995 15.2578 10.2576Z" fill="#27346A"/>
+<path d="M34.1071 12.3302C32.2702 21.7654 25.9817 25.0287 17.9506 25.0287H13.8612C12.8801 25.0287 12.0515 25.7431 11.899 26.7118L9.21117 43.7515C9.1107 44.3866 9.60187 44.9621 10.2444 44.9621H17.4966C18.3549 44.9621 19.0855 44.337 19.2194 43.4898L19.2901 43.1202L20.657 34.4577L20.745 33.979C20.879 33.1318 21.6095 32.5067 22.4679 32.5067H23.5531C30.5784 32.5067 36.0793 29.6527 37.6867 21.3983C38.3578 17.9489 38.0105 15.0688 36.2355 13.0458C35.6972 12.4331 35.0287 11.9271 34.2498 11.514C34.2076 11.7807 34.1617 12.0511 34.1071 12.3302Z" fill="#2790C3"/>
+<path d="M32.3273 10.7475C32.0469 10.6656 31.7579 10.5912 31.4603 10.5255C31.1626 10.4597 30.855 10.4015 30.5399 10.3506C29.436 10.172 28.2304 10.0876 26.9355 10.0876H16.0119C15.7428 10.0876 15.4873 10.1484 15.259 10.2588C14.7542 10.5007 14.3809 10.977 14.2891 11.5612L11.9672 26.2827L11.9002 26.7118C12.0528 25.7431 12.8813 25.0287 13.8624 25.0287H17.9518C25.983 25.0287 32.2714 21.7666 34.1084 12.3302C34.163 12.0511 34.2088 11.7807 34.251 11.514C33.7859 11.2684 33.2823 11.0563 32.7403 10.8765C32.6051 10.8318 32.4674 10.7884 32.3273 10.7475Z" fill="#1F264F"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="38.1457" height="45" fill="white"/>
+</clipPath>
+</defs>
+</svg>

modules/ps_checkout/views/img/paypal.svg

@@ -0,0 +1,13 @@
+<svg width="39" height="45" viewBox="0 0 39 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M32.3595 3.50273C30.2832 1.13617 26.53 0.121582 21.7286 0.121582H7.79348C6.81114 0.121582 5.97639 0.836014 5.82259 1.80471L0.0203116 38.6042C-0.0950393 39.3298 0.466832 39.9871 1.20235 39.9871H9.8053L11.966 26.2827L11.899 26.7118C12.0528 25.7431 12.8813 25.0287 13.8624 25.0287H17.9506C25.9817 25.0287 32.2702 21.7666 34.1071 12.3302C34.1617 12.0511 34.2089 11.7795 34.2498 11.514C34.0178 11.3912 34.0178 11.3912 34.2498 11.514C34.7968 8.02623 34.2461 5.65223 32.3595 3.50273Z" fill="#27346A"/>
+<path d="M15.2578 10.2576C15.4873 10.1484 15.7428 10.0877 16.0107 10.0877H26.9355C28.2292 10.0877 29.4361 10.172 30.5387 10.3494C30.855 10.4002 31.1614 10.4585 31.459 10.5255C31.7567 10.5912 32.0457 10.6657 32.326 10.7475C32.4662 10.7884 32.6039 10.8306 32.7391 10.8753C33.2811 11.0564 33.7859 11.2672 34.2498 11.514C34.7968 8.02499 34.2461 5.65223 32.3595 3.50273C30.282 1.13617 26.53 0.121582 21.7286 0.121582H7.79224C6.81114 0.121582 5.97639 0.836014 5.82259 1.80471L0.0203125 38.6029C-0.0950385 39.3298 0.466833 39.9859 1.20111 39.9859H9.8053L14.2879 11.5599C14.3797 10.977 14.7542 10.4995 15.2578 10.2576Z" fill="#27346A"/>
+<path d="M34.1071 12.3302C32.2702 21.7654 25.9817 25.0287 17.9506 25.0287H13.8612C12.8801 25.0287 12.0515 25.7431 11.899 26.7118L9.21117 43.7515C9.1107 44.3866 9.60187 44.9621 10.2444 44.9621H17.4966C18.3549 44.9621 19.0855 44.337 19.2194 43.4898L19.2901 43.1202L20.657 34.4577L20.745 33.979C20.879 33.1318 21.6095 32.5067 22.4679 32.5067H23.5531C30.5784 32.5067 36.0793 29.6527 37.6867 21.3983C38.3578 17.9489 38.0105 15.0688 36.2355 13.0458C35.6972 12.4331 35.0287 11.9271 34.2498 11.514C34.2076 11.7807 34.1617 12.0511 34.1071 12.3302Z" fill="#2790C3"/>
+<path d="M32.3273 10.7475C32.0469 10.6656 31.7579 10.5912 31.4603 10.5255C31.1626 10.4597 30.855 10.4015 30.5399 10.3506C29.436 10.172 28.2304 10.0876 26.9355 10.0876H16.0119C15.7428 10.0876 15.4873 10.1484 15.259 10.2588C14.7542 10.5007 14.3809 10.977 14.2891 11.5612L11.9672 26.2827L11.9002 26.7118C12.0528 25.7431 12.8813 25.0287 13.8624 25.0287H17.9518C25.983 25.0287 32.2714 21.7666 34.1084 12.3302C34.163 12.0511 34.2088 11.7807 34.251 11.514C33.7859 11.2684 33.2823 11.0563 32.7403 10.8765C32.6051 10.8318 32.4674 10.7884 32.3273 10.7475Z" fill="#1F264F"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="38.1457" height="45" fill="white"/>
+</clipPath>
+</defs>
+</svg>

modules/ps_checkout/views/img/tail-spin.svg

@@ -0,0 +1,32 @@
+<!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
+<svg width="38" height="38" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <linearGradient x1="8.042%" y1="0%" x2="65.682%" y2="23.865%" id="a">
+            <stop stop-color="#000" stop-opacity="0" offset="0%"/>
+            <stop stop-color="#000" stop-opacity=".631" offset="63.146%"/>
+            <stop stop-color="#000" offset="100%"/>
+        </linearGradient>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <g transform="translate(1 1)">
+            <path d="M36 18c0-9.94-8.06-18-18-18" id="Oval-2" stroke="url(#a)" stroke-width="2">
+                <animateTransform
+                    attributeName="transform"
+                    type="rotate"
+                    from="0 18 18"
+                    to="360 18 18"
+                    dur="0.9s"
+                    repeatCount="indefinite" />
+            </path>
+            <circle fill="#000" cx="36" cy="18" r="1">
+                <animateTransform
+                    attributeName="transform"
+                    type="rotate"
+                    from="0 18 18"
+                    to="360 18 18"
+                    dur="0.9s"
+                    repeatCount="indefinite" />
+            </circle>
+        </g>
+    </g>
+</svg>

modules/ps_checkout/views/img/unionpay.svg

@@ -0,0 +1,17 @@
+<svg
+  width="40"
+  height="24"
+  viewBox="0 0 40 24"
+  preserveAspectRatio="xMinYMin meet"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path d="M38.333 24H1.667C.75 24 0 23.28 0 22.4V1.6C0 .72.75 0 1.667 0h36.666C39.25 0 40 .72 40 1.6v20.8c0 .88-.75 1.6-1.667 1.6z" fill="#FFF" />
+  <path d="M9.877 2h8.126c1.135 0 1.84.93 1.575 2.077l-3.783 16.35c-.267 1.142-1.403 2.073-2.538 2.073H5.13c-1.134 0-1.84-.93-1.574-2.073L7.34 4.076C7.607 2.93 8.74 2 9.878 2z" fill="#E21836" />
+  <path d="M17.325 2h9.345c1.134 0 .623.93.356 2.077l-3.783 16.35c-.265 1.142-.182 2.073-1.32 2.073H12.58c-1.137 0-1.84-.93-1.574-2.073l3.783-16.35C15.056 2.93 16.19 2 17.324 2z" fill="#00447B" />
+  <path d="M26.3 2h8.126c1.136 0 1.84.93 1.575 2.077l-3.782 16.35c-.266 1.142-1.402 2.073-2.54 2.073h-8.122c-1.137 0-1.842-.93-1.574-2.073l3.78-16.35C24.03 2.93 25.166 2 26.303 2z" fill="#007B84" />
+  <path d="M27.633 14.072l-.99 3.3h.266l-.208.68h-.266l-.062.212h-.942l.064-.21H23.58l.193-.632h.194l1.005-3.35.2-.676h.962l-.1.34s.255-.184.498-.248c.242-.064 1.636-.088 1.636-.088l-.206.672h-.33zm-1.695 0l-.254.843s.285-.13.44-.172c.16-.04.395-.057.395-.057l.182-.614h-.764zm-.38 1.262l-.263.877s.29-.15.447-.196c.157-.037.396-.066.396-.066l.185-.614h-.766zm-.614 2.046h.767l.222-.74h-.765l-.223.74z" fill="#FEFEFE" />
+  <path d="M28.055 13.4h1.027l.01.385c-.005.065.05.096.17.096h.208l-.19.637h-.555c-.48.035-.662-.172-.65-.406l-.02-.71zM28.193 16.415h-.978l.167-.566H28.5l.16-.517h-1.104l.19-.638h3.072l-.193.638h-1.03l-.16.516h1.032l-.17.565H29.18l-.2.24h.454l.11.712c.013.07.014.116.036.147.023.026.158.038.238.038h.137l-.21.694h-.348c-.054 0-.133-.004-.243-.01-.105-.008-.18-.07-.25-.105-.064-.03-.16-.11-.182-.24l-.11-.712-.507.7c-.162.222-.38.39-.748.39h-.712l.186-.62h.273c.078 0 .15-.03.2-.056.052-.023.098-.05.15-.126l.74-1.05zM17.478 14.867h2.59l-.19.622H18.84l-.16.53h1.06l-.194.64h-1.06l-.256.863c-.03.095.25.108.353.108l.53-.072-.212.71h-1.193c-.096 0-.168-.013-.272-.037-.1-.023-.145-.07-.19-.138-.043-.07-.11-.128-.064-.278l.343-1.143h-.588l.195-.65h.592l.156-.53h-.588l.188-.623zM19.223 13.75h1.063l-.194.65H18.64l-.157.136c-.067.066-.09.038-.18.087-.08.04-.254.123-.477.123h-.466l.19-.625h.14c.118 0 .198-.01.238-.036.046-.03.098-.096.157-.203l.267-.487h1.057l-.187.356zM20.74 13.4h.905l-.132.46s.286-.23.487-.313c.2-.075.65-.143.65-.143l1.464-.007-.498 1.672c-.085.286-.183.472-.244.555-.055.087-.12.16-.248.23-.124.066-.236.104-.34.115-.096.007-.244.01-.45.012h-1.41l-.4 1.324c-.037.13-.055.194-.03.23.02.03.068.066.135.066l.62-.06-.21.726h-.698c-.22 0-.383-.004-.495-.013-.108-.01-.22 0-.295-.058-.065-.058-.164-.133-.162-.21.007-.073.037-.192.082-.356l1.268-4.23zm1.922 1.69h-1.484l-.09.3h1.283c.152-.018.184.004.196-.003l.096-.297zm-1.402-.272s.29-.266.786-.353c.112-.022.82-.015.82-.015l.106-.357h-1.496l-.216.725z" fill="#FEFEFE" />
+  <path d="M23.382 16.1l-.084.402c-.036.125-.067.22-.16.302-.1.084-.216.172-.488.172l-.502.02-.004.455c-.006.13.028.117.048.138.024.022.045.032.067.04l.157-.008.48-.028-.198.663h-.552c-.385 0-.67-.008-.765-.084-.092-.057-.105-.132-.103-.26l.035-1.77h.88l-.013.362h.212c.072 0 .12-.007.15-.026.027-.02.047-.048.06-.093l.087-.282h.692zM10.84 7.222c-.032.143-.596 2.763-.598 2.764-.12.53-.21.91-.508 1.152-.172.14-.37.21-.6.21-.37 0-.587-.185-.624-.537l-.007-.12.113-.712s.593-2.388.7-2.703c.002-.017.005-.026.007-.035-1.152.01-1.357 0-1.37-.018-.007.024-.037.173-.037.173l-.605 2.688-.05.23-.1.746c0 .22.042.4.13.553.275.485 1.06.557 1.504.557.573 0 1.11-.123 1.47-.345.63-.375.797-.962.944-1.48l.067-.267s.61-2.48.716-2.803c.003-.017.006-.026.01-.035-.835.01-1.08 0-1.16-.018zM14.21 12.144c-.407-.006-.55-.006-1.03.018l-.018-.036c.042-.182.087-.363.127-.548l.06-.25c.086-.39.173-.843.184-.98.007-.084.036-.29-.2-.29-.1 0-.203.048-.307.096-.058.207-.174.79-.23 1.055-.118.558-.126.62-.178.897l-.036.037c-.42-.006-.566-.006-1.05.018l-.024-.04c.08-.332.162-.668.24-.998.203-.9.25-1.245.307-1.702l.04-.028c.47-.067.585-.08 1.097-.185l.043.047-.077.287c.086-.052.168-.104.257-.15.242-.12.51-.155.658-.155.223 0 .468.062.57.323.098.232.034.52-.094 1.084l-.066.287c-.13.627-.152.743-.225 1.174l-.05.036zM15.87 12.144c-.245 0-.405-.006-.56 0-.153 0-.303.008-.532.018l-.013-.02-.015-.02c.062-.238.097-.322.128-.406.03-.084.06-.17.115-.41.072-.315.116-.535.147-.728.033-.187.052-.346.075-.53l.02-.014.02-.018c.244-.036.4-.057.56-.082.16-.024.32-.055.574-.103l.008.023.008.022c-.047.195-.094.39-.14.588-.047.197-.094.392-.137.587-.093.414-.13.57-.152.68-.02.105-.026.163-.063.377l-.022.02-.023.017zM19.542 10.728c.143-.633.033-.928-.108-1.11-.213-.273-.59-.36-.978-.36-.235 0-.793.023-1.23.43-.312.29-.458.687-.546 1.066-.088.387-.19 1.086.447 1.344.198.085.48.108.662.108.466 0 .945-.13 1.304-.513.278-.312.405-.775.448-.965zm-1.07-.046c-.02.106-.113.503-.24.673-.086.123-.19.198-.305.198-.033 0-.235 0-.238-.3-.003-.15.027-.304.063-.47.108-.478.236-.88.56-.88.255 0 .27.298.16.78zM29.536 12.187c-.493-.004-.635-.004-1.09.015l-.03-.037c.124-.472.248-.943.358-1.42.142-.62.175-.882.223-1.244l.037-.03c.49-.07.625-.09 1.135-.186l.015.044c-.093.388-.186.777-.275 1.166-.19.816-.258 1.23-.33 1.658l-.044.035z" fill="#FEFEFE" />
+  <path d="M29.77 10.784c.144-.63-.432-.056-.525-.264-.14-.323-.052-.98-.62-1.2-.22-.085-.732.025-1.17.428-.31.29-.458.683-.544 1.062-.088.38-.19 1.078.444 1.328.2.085.384.11.567.103.638-.034 1.124-1.002 1.483-1.386.277-.303.326.115.368-.07zm-.974-.047c-.024.1-.117.503-.244.67-.083.117-.283.192-.397.192-.032 0-.232 0-.24-.3 0-.146.03-.3.067-.467.11-.47.235-.87.56-.87.254 0 .363.293.254.774zM22.332 12.144c-.41-.006-.55-.006-1.03.018l-.018-.036c.04-.182.087-.363.13-.548l.057-.25c.09-.39.176-.843.186-.98.008-.084.036-.29-.198-.29-.1 0-.203.048-.308.096-.057.207-.175.79-.232 1.055-.115.558-.124.62-.176.897l-.035.037c-.42-.006-.566-.006-1.05.018l-.022-.04.238-.998c.203-.9.25-1.245.307-1.702l.038-.028c.472-.067.587-.08 1.098-.185l.04.047-.073.287c.084-.052.17-.104.257-.15.24-.12.51-.155.655-.155.224 0 .47.062.575.323.095.232.03.52-.098 1.084l-.065.287c-.133.627-.154.743-.225 1.174l-.05.036zM26.32 8.756c-.07.326-.282.603-.554.736-.225.114-.498.123-.78.123h-.183l.013-.074.336-1.468.01-.076.007-.058.132.015.71.062c.275.105.388.38.31.74zM25.88 7.22l-.34.003c-.883.01-1.238.006-1.383-.012l-.037.182-.315 1.478-.793 3.288c.77-.01 1.088-.01 1.22.004l.21-1.024s.153-.644.163-.667c0 0 .047-.066.096-.092h.07c.665 0 1.417 0 2.005-.437.4-.298.675-.74.797-1.274.03-.132.054-.29.054-.446 0-.205-.04-.41-.16-.568-.3-.423-.896-.43-1.588-.433zM33.572 9.28l-.04-.043c-.502.1-.594.118-1.058.18l-.034.034-.005.023-.003-.007c-.345.803-.334.63-.615 1.26-.003-.03-.003-.048-.004-.077l-.07-1.37-.044-.043c-.53.1-.542.118-1.03.18l-.04.034-.006.056.003.007c.06.315.047.244.108.738.03.244.065.49.093.73.05.4.077.6.134 1.21-.328.55-.408.757-.722 1.238l.017.044c.478-.018.587-.018.94-.018l.08-.088c.265-.578 2.295-4.085 2.295-4.085zM16.318 9.62c.27-.19.304-.45.076-.586-.23-.137-.634-.094-.906.095-.273.186-.304.45-.075.586.228.134.633.094.905-.096z" fill="#FEFEFE" />
+  <path d="M31.238 13.415l-.397.684c-.124.232-.357.407-.728.41l-.632-.01.184-.618h.124c.064 0 .11-.004.148-.022.03-.01.054-.035.08-.072l.233-.373h.988z" fill="#FEFEFE" />
+</svg>

modules/ps_checkout/views/img/visa.svg

@@ -0,0 +1,16 @@
+<svg
+  width="40"
+  height="24"
+  viewBox="0 0 40 24"
+  preserveAspectRatio="xMinYMin meet"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M0 1.927C0 .863.892 0 1.992 0h36.016C39.108 0 40 .863 40 1.927v20.146C40 23.137 39.108 24 38.008 24H1.992C.892 24 0 23.137 0 22.073V1.927z"
+    fill="rgb(33, 86, 154)"
+  />
+  <path
+    d="M19.596 7.885l-2.11 9.478H14.93l2.11-9.478h2.554zm10.743 6.12l1.343-3.56.773 3.56H30.34zm2.85 3.358h2.36l-2.063-9.478H31.31c-.492 0-.905.274-1.088.695l-3.832 8.783h2.682l.532-1.415h3.276l.31 1.415zm-6.667-3.094c.01-2.502-3.6-2.64-3.577-3.76.008-.338.345-.7 1.083-.793.365-.045 1.373-.08 2.517.425l.448-2.01c-.615-.214-1.405-.42-2.39-.42-2.523 0-4.3 1.288-4.313 3.133-.016 1.364 1.268 2.125 2.234 2.58.996.464 1.33.762 1.325 1.177-.006.636-.793.918-1.526.928-1.285.02-2.03-.333-2.623-.6l-.462 2.08c.598.262 1.7.49 2.84.502 2.682 0 4.437-1.273 4.445-3.243zM15.948 7.884l-4.138 9.478h-2.7L7.076 9.8c-.123-.466-.23-.637-.606-.834-.615-.32-1.63-.62-2.52-.806l.06-.275h4.345c.554 0 1.052.354 1.178.966l1.076 5.486 2.655-6.45h2.683z"
+    fill="rgb(255, 255, 255)"
+  />
+</svg>

modules/ps_checkout/views/index.php

@@ -0,0 +1,29 @@
+<?php
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: ' . gmdate('D, d M Y H:i:s') . ' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+
+exit;

modules/ps_checkout/views/js/adminOrderView.js

@@ -0,0 +1,339 @@
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+'use strict';
+
+let ps_checkout = {};
+let {$} = window;
+
+(function() {
+  /**
+   * @param {object} config
+   * @param {int} config.orderPrestaShopId - PrestaShop Order identifier
+   * @param {string} config.orderPayPalBaseUrl - Base url used for request
+   * @param {string} config.orderPayPalContainer - HTML element identifier
+   * @param {string} config.orderPayPalLoaderContainer - HTML element identifier
+   * @param {string} config.orderPayPalNotificationsContainer - HTML element identifier
+   * @param {string} config.orderPayPalRefundButton - HTML element identifier
+   * @param {string} config.orderPayPalModalContainerPrefix - HTML element identifier
+   * @param {string} config.orderPayPalModalContainer - HTML element identifier
+   * @param {string} config.orderPayPalModalNotificationsContainer - HTML element identifier
+   * @param {string} config.orderPayPalModalContentContainer - HTML element identifier
+   * @param {string} config.orderPayPalModalLoaderContainer - HTML element identifier
+   * @param {string} config.orderPayPalModalRefundForm - HTML element identifier
+   * @constructor
+   */
+  let PayPalOrderFetcher = function(config) {
+    this.execute = function() {
+      let payPalOrderNotification = new PayPalOrderNotification(config);
+      let payPalOrderRequest = $.ajax({
+        type: 'POST',
+        headers: {"cache-control": "no-cache"},
+        cache: false,
+        dataType: 'json',
+        url: `${config.orderPayPalBaseUrl}&rand=${new Date().getTime()}`,
+        data: {
+          ajax: 1,
+          action: 'FetchOrder',
+          id_order : config.orderPrestaShopId
+        },
+      });
+
+      payPalOrderRequest.done(function(data) {
+        if (undefined !== data.content) {
+          $(config.orderPayPalContainer).append(data.content);
+        }
+
+        if (undefined !== data.errors) {
+          for (const error of data.errors) {
+            $(config.orderPayPalContainer).append(payPalOrderNotification.createErrorHTMLElement({
+              text: error,
+              class: 'danger',
+            }));
+          }
+        }
+
+        $(config.orderPayPalLoaderContainer).hide();
+      });
+
+      payPalOrderRequest.fail(function(jqXHR, textStatus, errorThrown) {
+        if (undefined !== errorThrown && errorThrown) {
+          $(config.orderPayPalNotificationsContainer).append(payPalOrderNotification.createErrorHTMLElement({
+            text: errorThrown,
+            class: 'danger',
+          }));
+        }
+
+        if (undefined !== jqXHR.responseJSON && undefined !== jqXHR.responseJSON.content) {
+          $(config.orderPayPalNotificationsContainer).append(payPalOrderNotification.createErrorHTMLElement({
+            text: jqXHR.responseJSON.content,
+            class: 'danger',
+          }));
+        }
+
+        if (undefined !== jqXHR.responseJSON && undefined !== jqXHR.responseJSON.errors) {
+          for (const error of jqXHR.responseJSON.errors) {
+            $(config.orderPayPalContainer).append(payPalOrderNotification.createErrorHTMLElement({
+              text: error,
+              class: 'danger',
+            }));
+          }
+        }
+
+        $(config.orderPayPalLoaderContainer).hide();
+      });
+    };
+  };
+
+  /**
+   * @param {object} config
+   * @param {int} config.orderPrestaShopId - PrestaShop Order identifier
+   * @param {string} config.orderPayPalBaseUrl - Base url used for request
+   * @param {string} config.orderPayPalContainer - HTML element identifier
+   * @param {string} config.orderPayPalLoaderContainer - HTML element identifier
+   * @param {string} config.orderPayPalNotificationsContainer - HTML element identifier
+   * @param {string} config.orderPayPalRefundButton - HTML element identifier
+   * @param {string} config.orderPayPalModalContainerPrefix - HTML element identifier
+   * @param {string} config.orderPayPalModalContainer - HTML element identifier
+   * @param {string} config.orderPayPalModalNotificationsContainer - HTML element identifier
+   * @param {string} config.orderPayPalModalContentContainer - HTML element identifier
+   * @param {string} config.orderPayPalModalLoaderContainer - HTML element identifier
+   * @param {string} config.orderPayPalModalRefundForm - HTML element identifier
+   * @constructor
+   */
+  let PayPalOrderRefund = function(config) {
+    this.initialize = function() {
+      // wait for dom ready
+      $(function() {
+        $(document).on('click', config.orderPayPalRefundButton, function () {
+          const refundModal = $(config.orderPayPalModalContainerPrefix + $(this).attr('data-transaction-id'));
+          $(config.orderPayPalNotificationsContainer).empty();
+          refundModal.find(config.orderPayPalModalNotificationsContainer).empty();
+          refundModal.find(config.orderPayPalModalLoaderContainer).hide();
+          refundModal.modal('show');
+        });
+
+        $(document).on('change keyup', 'input[name="orderPayPalRefundAmount"]', function () {
+          const refundModal = $(this).parents(config.orderPayPalModalContainer);
+          const transactionCurrency = refundModal.find(config.orderPayPalRefundButtonValue).data('transaction-currency');
+          const refundValue = $(this).val();
+
+          refundModal.find(config.orderPayPalModalNotificationsContainer).empty();
+
+          if (refundValue > 0) {
+            refundModal.find(config.orderPayPalRefundSubmitButton).attr('disabled', false);
+            refundModal.find(config.orderPayPalRefundButtonValue).text( `${refundValue} ${transactionCurrency}`);
+          } else {
+            refundModal.find(config.orderPayPalRefundSubmitButton).attr('disabled', true);
+            refundModal.find(config.orderPayPalRefundButtonValue).text('');
+          }
+        });
+
+        $(document).on('click', config.orderPayPalRefundSubmitButton, function () {
+          const refundModal = $(this).parents(config.orderPayPalModalContainer);
+          $('input[name="orderPayPalRefundAmount"]').attr('disabled', true);
+          refundModal.find(config.orderPayPalRefundSubmitButton).attr('hidden', 'hidden');
+          refundModal.find(config.orderPayPalRefundConfirmButton).attr('hidden', false);
+        });
+
+        $(document).on('click', '.modal.ps-checkout-refund [data-dismiss="modal"]', function () {
+          const refundModal = $(this).parents(config.orderPayPalModalContainer);
+          const refundAmountInput = $('input[name="orderPayPalRefundAmount"]');
+          refundAmountInput.attr('disabled', false);
+          refundAmountInput.val('');
+          refundModal.find(config.orderPayPalRefundConfirmButton).attr('hidden', 'hidden');
+          refundModal.find(config.orderPayPalRefundSubmitButton).attr('hidden', false);
+          refundModal.find(config.orderPayPalRefundSubmitButton).attr('disabled', true);
+          refundModal.find(config.orderPayPalRefundButtonValue).text('');
+        });
+
+        $(document).on('submit', config.orderPayPalModalRefundForm, function (event) {
+          event.preventDefault();
+          const refundModal = $(this).parents(config.orderPayPalModalContainer);
+          const refundModalNotificationContainer = refundModal.find(config.orderPayPalModalNotificationsContainer);
+          const refundModalLoaderContainer = refundModal.find(config.orderPayPalModalLoaderContainer);
+          const refundModalSubmitButton = $(this).find('button[type="submit"]');
+          const payPalOrderNotification = new PayPalOrderNotification(config);
+          const refundAmountInput = $('input[name="orderPayPalRefundAmount"]');
+          // Disabled input are excluded from formData
+          refundAmountInput.attr('disabled', false);
+          const formData = $(this).serialize();
+          refundAmountInput.attr('disabled', true);
+
+          $(refundModalNotificationContainer).empty();
+          $(refundModalLoaderContainer).show();
+          refundModalSubmitButton.prop('disabled', true);
+
+          let payPalRefundRequest = $.ajax({
+            type: 'POST',
+            headers: {"cache-control": "no-cache"},
+            cache: false,
+            dataType: 'json',
+            url: `${config.orderPayPalBaseUrl}&rand=${new Date().getTime()}`,
+            data: formData,
+          });
+
+          payPalRefundRequest.done(function(data) {
+            if (undefined !== data.content) {
+              let payPalOrderFetcher = new PayPalOrderFetcher(config);
+
+              refundModal.on('hidden.bs.modal', function () {
+                $(config.orderPayPalNotificationsContainer).append(payPalOrderNotification.createErrorHTMLElement({
+                  text: data.content,
+                  class: 'success',
+                }));
+
+                $(config.orderPayPalContainer).empty();
+                $(config.orderPayPalLoaderContainer).show();
+
+                payPalOrderFetcher.execute();
+              });
+
+              refundModal.modal('hide');
+            }
+
+            if (undefined !== data.errors) {
+              for (const error of data.errors) {
+                $(refundModalNotificationContainer).append(payPalOrderNotification.createErrorHTMLElement({
+                  text: error,
+                  class: 'danger',
+                }));
+
+                refundModalSubmitButton.prop('disabled', false);
+              }
+            }
+
+            $(refundModalLoaderContainer).hide();
+          });
+
+          payPalRefundRequest.fail(function(jqXHR, textStatus, errorThrown) {
+            if (undefined !== errorThrown && errorThrown) {
+              $(refundModalNotificationContainer).append(payPalOrderNotification.createErrorHTMLElement({
+                text: errorThrown,
+                class: 'danger',
+              }));
+            }
+
+            if (undefined !== jqXHR.responseJSON && undefined !== jqXHR.responseJSON.errors) {
+              jqXHR.responseJSON.errors.forEach(function (error) {
+                $(refundModalNotificationContainer).append(payPalOrderNotification.createErrorHTMLElement({
+                  text: error,
+                  class: 'danger',
+                }));
+              });
+            }
+
+            if (undefined !== jqXHR.responseJSON && undefined !== jqXHR.responseJSON.content) {
+              $(refundModalNotificationContainer).append(payPalOrderNotification.createErrorHTMLElement({
+                text: jqXHR.responseJSON.content,
+                class: 'danger',
+              }));
+            }
+
+            $(refundModalLoaderContainer).hide();
+            refundModalSubmitButton.prop('disabled', false);
+          });
+        });
+      });
+    };
+  };
+
+  /**
+   * @param {object} config
+   * @param {string} config.orderPayPalNotificationsContainer - HTML element identifier
+   * @constructor
+   */
+  let PayPalOrderNotification = function(config) {
+    /**
+     *
+     * @param {object} params
+     * @param {string} params.text - Error text
+     * @param {string} params.class - Error class
+     *
+     * @returns {HTMLElement}
+     */
+    this.createErrorHTMLElement = function (params) {
+      let errorContentContainer = document.createElement('div');
+      errorContentContainer.className = 'alert-text';
+      let errorContent = document.createTextNode(params.text);
+      errorContentContainer.appendChild(errorContent);
+      let errorContainer = document.createElement('div');
+      errorContainer.className = 'd-print-none hidden-print alert alert-' + params.class;
+      errorContainer.appendChild(errorContentContainer);
+
+      return errorContainer;
+    }
+  };
+
+  let PayPalTransactions = function()
+  {
+    this.initialize = function() {
+      $(document).on('click', '#ps_checkout button[role="tab"]', function () {
+        let tabIdentifier = $(this).attr('aria-controls');
+        switchDisplayedTab(tabIdentifier);
+        switchSelectDropdown(tabIdentifier);
+      });
+
+      $(document).on('change', '#ps_checkout select#select-transaction', function() {
+        let tabIdentifier = $(this).val();
+        switchDisplayedTab(tabIdentifier)
+      })
+
+      function switchDisplayedTab(tabIdentifier)
+      {
+        $(`#ps_checkout button[role="tab"][aria-controls="${tabIdentifier}"]`).attr('aria-selected', true);
+        $('#ps_checkout button[role="tab"]').not(`[aria-controls="${tabIdentifier}"]`).attr('aria-selected', false);
+        $('#ps_checkout div[role="tabpanel"]').not(`#${tabIdentifier}`).attr('hidden', 'hidden');
+        $(`#ps_checkout #${tabIdentifier}[role="tabpanel"]`).attr('hidden', false);
+      }
+
+      function switchSelectDropdown(tabIdentifier)
+      {
+        $('#ps_checkout select#select-transaction').val(tabIdentifier);
+      }
+    }
+  }
+
+  /**
+   * Initialize ps_checkout
+   *
+   * @param {object} config
+   * @param {int} config.orderPrestaShopId - PrestaShop Order identifier
+   * @param {string} config.orderPayPalBaseUrl - Base url used for request
+   * @param {string} config.orderPayPalContainer - HTML element identifier
+   * @param {string} config.orderPayPalLoaderContainer - HTML element identifier
+   * @param {string} config.orderPayPalNotificationsContainer - HTML element identifier
+   * @param {string} config.orderPayPalRefundButton - HTML element identifier
+   * @param {string} config.orderPayPalModalContainerPrefix - HTML element identifier
+   * @param {string} config.orderPayPalModalContainer - HTML element identifier
+   * @param {string} config.orderPayPalModalNotificationsContainer - HTML element identifier
+   * @param {string} config.orderPayPalModalContentContainer - HTML element identifier
+   * @param {string} config.orderPayPalModalLoaderContainer - HTML element identifier
+   * @param {string} config.orderPayPalModalRefundForm - HTML element identifier
+   */
+  ps_checkout.initialize = function(config) {
+    let payPalOrderFetcher = new PayPalOrderFetcher(config);
+    payPalOrderFetcher.execute();
+
+    let payPalOrderRefund = new PayPalOrderRefund(config);
+    payPalOrderRefund.initialize();
+
+    let payPalTransactions = new PayPalTransactions();
+    payPalTransactions.initialize();
+  };
+})();

modules/ps_checkout/views/js/index.php

@@ -0,0 +1,29 @@
+<?php
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: ' . gmdate('D, d M Y H:i:s') . ' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+
+exit;

modules/ps_checkout/views/templates/admin/ajaxPayPalOrder.tpl

@@ -0,0 +1,344 @@
+{**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ *}
+<div data-test="checkout-payment-block">
+  {if !$orderPayPal}
+    <div class="checkout-modal-container">
+      <div class="checkout-modal">
+        {if $psPayPalOrder->getStatus() === 'CANCELED'}
+          <div role="alert" aria-live="polite" aria-atomic="true" class="alert alert-info">
+            <p>{l s='Transaction details are not available' d='Modules.Checkout.Pscheckout'} {l s='This PayPal Order has been canceled.' d='Modules.Checkout.Pscheckout'}</p>
+          </div>
+        {elseif $psPayPalOrder->getStatus() === 'REVERSED'}
+          <div role="alert" aria-live="polite" aria-atomic="true" class="alert alert-info">
+            <p>{l s='Transaction details are not available' d='Modules.Checkout.Pscheckout'} {l s='This PayPal Order has been reversed.' d='Modules.Checkout.Pscheckout'}</p>
+          </div>
+        {else}
+          <div role="alert" aria-live="polite" aria-atomic="true" class="alert alert-warning">
+            <p>{l s='Transaction details are not available' d='Modules.Checkout.Pscheckout'}</p>
+          </div>
+          <br/>
+          <p>{l s='The PayPal account that was used to create this order is no longer linked to the PrestaShop Checkout module.' d='Modules.Checkout.Pscheckout'}</p>
+          <p>{l s='In order to see this information, please reconnect the correct PayPal account.' d='Modules.Checkout.Pscheckout'}</p>
+          <br/>
+          <button class="checkout-modal-button">
+            <a class="btn" href="{$moduleUrl}">{l s='Go to PrestaShop Checkout' d='Modules.Checkout.Pscheckout'}</a>
+          </button>
+        {/if}
+      </div>
+    </div>
+  {/if}
+
+  {if $orderPayPal}
+    <div class="panel-wrapper">
+      <div class="panel">
+        <h3 class="panel__title">{l s='PayPal Order' d='Modules.Checkout.Pscheckout'}</h3>
+        <dl class="panel__infos">
+          <dt data-grid-area="reference">{l s='Reference' d='Modules.Checkout.Pscheckout'}</dt>
+          <dd data-test="reference-value">{$orderPayPal.id|escape:'html':'UTF-8'}</dd>
+          <dt data-grid-area="status">{l s='Status' d='Modules.Checkout.Pscheckout'}</dt>
+          <dd data-test="status-value">
+            <span class="badge rounded badge-{$orderPayPal.status.class|escape:'html':'UTF-8'}" data-value="{$orderPayPal.status.value|escape:'html':'UTF-8'}">
+              {$orderPayPal.status.translated|escape:'html':'UTF-8'}
+            </span>
+          </dd>
+          <dt data-grid-area="total">{l s='Total' d='Modules.Checkout.Pscheckout'}</dt>
+          <dd data-test="total-value">{$orderPayPal.total}</dd>
+          <dt data-grid-area="balance">
+            {l s='Balance' d='Modules.Checkout.Pscheckout'}
+            <i class="balance-info-icon material-icons" title="{l s='Total amount you will receive on your bank account: the order amount, minus transaction fees, minus potential refunds' d='Modules.Checkout.Pscheckout'}">info</i>
+          </dt>
+          <dd data-test="balance-value">{$orderPayPal.balance}</dd>
+          <dt data-grid-area="environment">
+            {l s='Environment' d='Modules.Checkout.Pscheckout'}
+            <i class="environment-info-icon material-icons" title="{l s='The environment in which the transaction was made: Test or Production' d='Modules.Checkout.Pscheckout'}">info</i>
+          </dt>
+          <dd data-grid-area="environment-value">
+            <span data-test="payment-env-value" class="badge rounded badge-paypal-environment-{if $isProductionEnv}live{else}sandbox{/if}" data-value="{$psPayPalOrder->getEnvironment()|escape:'html':'UTF-8'}">
+              {if $isProductionEnv}
+                {l s='Production' d='Modules.Checkout.Pscheckout'}
+              {else}
+                {l s='Test' d='Modules.Checkout.Pscheckout'}
+              {/if}
+            </span>
+          </dd>
+          <dt data-grid-area="payment">{l s='Payment mode' d='Modules.Checkout.Pscheckout'}</dt>
+          <dd data-test="payment-mode-value">{$orderPayPal.paymentSourceName|escape:'html':'UTF-8'} <img src="{$orderPayPal.paymentSourceLogo}" alt="{$orderPayPal.paymentSourceName|escape:'html':'UTF-8'}" title="{$orderPayPal.paymentSourceName|escape:'html':'UTF-8'}" height="20"></dd>
+          {if $psPayPalOrder->getFundingSource() === 'card'}
+            <dt data-grid-area="card-sca">{l s='3D Secure' d='Modules.Checkout.Pscheckout'}</dt>
+            <dd data-grid-area="card-sca-value">
+              {if $orderPayPal.is3DSNotRequired}
+                <span class="badge rounded badge-warning">
+                  {l s='Not required' d='Modules.Checkout.Pscheckout'}
+                </span>
+              {elseif $orderPayPal.is3DSecureAvailable && $orderPayPal.isLiabilityShifted}
+                <span class="badge rounded badge-success">
+                  {l s='Success' d='Modules.Checkout.Pscheckout'}
+                </span>
+              {elseif $orderPayPal.is3DSecureAvailable && !$orderPayPal.isLiabilityShifted}
+                <span class="badge rounded badge-danger">
+                  {l s='Failed' d='Modules.Checkout.Pscheckout'}
+                </span>
+              {else}
+                <span class="badge rounded badge-warning">
+                  {l s='Card does not support 3D Secure' d='Modules.Checkout.Pscheckout'}
+                </span>
+              {/if}
+            </dd>
+            <dt data-grid-area="card-liability">{l s='Liability shift' d='Modules.Checkout.Pscheckout'}</dt>
+            <dd data-grid-area="card-liability-value">
+              {if $orderPayPal.isLiabilityShifted}
+                <span class="badge rounded badge-success">
+                  {l s='Bank' d='Modules.Checkout.Pscheckout'}
+                </span>
+              {else}
+                <span class="badge rounded badge-warning">
+                  {l s='Merchant' d='Modules.Checkout.Pscheckout'}
+                </span>
+              {/if}
+            </dd>
+          {/if}
+        </dl>
+        {if $psPayPalOrder->getFundingSource() === 'card' && !$orderPayPal.isLiabilityShifted}
+          <div class="liability-explanation">
+            {if $orderPayPal.is3DSNotRequired}
+              {l s='Your 3D Secure settings for this transaction were set to "Strong Customer Authentication (SCA) when required", but the current transaction does not require it as per the regulation.' d='Modules.Checkout.Pscheckout'}
+            {/if}
+            {l s='The bank issuer declined the liability shift. We advice you not to honor the order immediately, wait a few days in case of chargeback and contact the consumer to ensure authenticity of the transaction. For this type of cases we also recommend to consider Chargeback protection.' d='Modules.Checkout.Pscheckout'}
+          </div>
+        {/if}
+        {if $psPayPalOrder->getFundingSource() === 'card' && $orderPayPal.isLiabilityShifted}
+          <div class="liability-explanation">
+            {l s='The bank issuer accepted the liability shift. You can safely honor the order.' d='Modules.Checkout.Pscheckout'}
+          </div>
+        {/if}
+      </div>
+    </div>
+    {if !empty($orderPayPal.transactions)}
+      <div class="select-wrapper">
+        <select name="select-tab" id="select-transaction" class="select-wrapper__select">
+          {foreach $orderPayPal.transactions as $orderPayPalTransaction}
+            <option value="{$orderPayPalTransaction.id}-tab">{dateFormat date=$orderPayPalTransaction.date full=true} - {$orderPayPalTransaction.type.translated|escape:'html':'UTF-8'} | {if $orderPayPalTransaction.type.value === 'refund'}-{else}+{/if} {$orderPayPalTransaction.amount|escape:'html':'UTF-8'} {$orderPayPalTransaction.currency|escape:'html':'UTF-8'}</option>
+          {/foreach}
+        </select>
+      </div>
+
+      <div class="tabs">
+        <div role="tablist" aria-label="Transactions">
+          {assign var="counter" value=1}
+          {foreach $orderPayPal.transactions as $orderPayPalTransaction}
+            <button
+              role="tab"
+              aria-selected="{if $counter eq 1}true{else}false{/if}"
+              aria-controls="{$orderPayPalTransaction.id}-tab"
+              class="tab"
+            >
+              <strong class="tab__btn-title">{$orderPayPalTransaction.type.translated|escape:'html':'UTF-8'}</strong>
+              <span class="tab__btn-infos">
+                  <span class="tab__btn-time">{dateFormat date=$orderPayPalTransaction.date full=true}</span>
+                  <strong class="tab__btn-amount">
+                      {if $orderPayPalTransaction.type.value === 'refund'}-{else}+{/if}
+                      {$orderPayPalTransaction.amount|escape:'html':'UTF-8'} {$orderPayPalTransaction.currency|escape:'html':'UTF-8'}
+                  </strong>
+                </span>
+            </button>
+            {assign var="counter" value=$counter+1}
+          {/foreach}
+        </div>
+
+        <div class="tabpanel-wrapper">
+          {assign var="counter" value=1}
+          {foreach $orderPayPal.transactions as $orderPayPalTransaction}
+            {assign var="maxAmountRefundable" value=$orderPayPalTransaction.maxAmountRefundable|string_format:"%.2f"}
+            {assign var="orderPayPalRefundAmountIdentifier" value='orderPayPalRefundAmount'|cat:$orderPayPalTransaction.id}
+            <div
+              tabindex="0"
+              role="tabpanel"
+              id="{$orderPayPalTransaction.id}-tab"
+              aria-labelledby="first"
+              class="tabpanel"
+              {if $counter neq 1}hidden="hidden"{/if}
+            >
+              <div>
+                <h3 class="tabpanel__title">{l s='Transaction details' d='Modules.Checkout.Pscheckout'}</h3>
+                <dl class="tabpanel__infos">
+                  <dt>{l s='Reference' d='Modules.Checkout.Pscheckout'}</dt>
+                  <dd>{$orderPayPalTransaction.id}</dd>
+                  <dt>{l s='Status' d='Modules.Checkout.Pscheckout'}</dt>
+                  <dd>
+                    <span class="badge rounded badge-{$orderPayPalTransaction.status.class|escape:'html':'UTF-8'}">
+                      {$orderPayPalTransaction.status.translated|escape:'html':'UTF-8'}
+                    </span>
+                  </dd>
+                  <dt>{l s='Amount (Tax incl.)' d='Modules.Checkout.Pscheckout'}</dt>
+                  <dd>{$orderPayPalTransaction.amount} {$orderPayPalTransaction.currency}</dd>
+                  {if !empty($orderPayPalTransaction.seller_protection)}
+                    <dt>
+                      {l s='Seller protection' d='Modules.Checkout.Pscheckout'}
+                      <i class="seller-protection-info-icon material-icons" title="{$orderPayPalTransaction.seller_protection.help|escape:'html':'UTF-8'}">info</i>
+                    </dt>
+                    <dd>
+                    <span class="badge rounded badge-{$orderPayPalTransaction.seller_protection.class|escape:'html':'UTF-8'}">
+                      {$orderPayPalTransaction.seller_protection.translated|escape:'html':'UTF-8'}
+                    </span>
+                    </dd>
+                  {/if}
+                </dl>
+              </div>
+              {if $orderPayPalTransaction.gross_amount || $orderPayPalTransaction.paypal_fee || $orderPayPalTransaction.net_amount}
+                <div>
+                  <h3 class="tabpanel__title">{l s='Transaction amounts' d='Modules.Checkout.Pscheckout'}</h3>
+                  <dl class="tabpanel__infos">
+                      {if $orderPayPalTransaction.gross_amount}
+                    <dt>{l s='Gross amount' d='Modules.Checkout.Pscheckout'}</dt>
+                    <dd>{$orderPayPalTransaction.gross_amount} {$orderPayPalTransaction.currency}</dd>
+                      {/if}
+                      {if $orderPayPalTransaction.paypal_fee}
+                    <dt>{l s='Fees (Tax Incl.)' d='Modules.Checkout.Pscheckout'}</dt>
+                    <dd>- {$orderPayPalTransaction.paypal_fee} {$orderPayPalTransaction.currency}</dd>
+                      {/if}
+                      {if $orderPayPalTransaction.net_amount}
+                    <dt>{l s='Net amount' d='Modules.Checkout.Pscheckout'}</dt>
+                    <dd>{$orderPayPalTransaction.net_amount} {$orderPayPalTransaction.currency}</dd>
+                      {/if}
+                  </dl>
+                </div>
+              {/if}
+              <a href="https://www.paypal.com/activity/payment/{$orderPayPalTransaction.id|escape:'html':'UTF-8'}" target="_blank" class="tabpanel__cta">
+                {l s='See on PayPal' d='Modules.Checkout.Pscheckout'}
+              </a>
+              {if $orderPayPalTransaction.isRefundable}
+                <div class="panel__cta">
+                  {l s='Any change on the order?' d='Modules.Checkout.Pscheckout'}
+                  <a class="refund" data-transaction-id="{$orderPayPalTransaction.id|escape:'html':'UTF-8'}">
+                    {l s='Refund' d='Modules.Checkout.Pscheckout'}
+                  </a>
+                </div>
+              {/if}
+            </div>
+
+            {if $orderPayPalTransaction.isRefundable}
+              <div id="ps-checkout-refund-{$orderPayPalTransaction.id|escape:'html':'UTF-8'}" class="modal fade ps-checkout-refund" tabindex="-1" role="dialog">
+                <div class="modal-dialog" role="document">
+                  <div class="modal-content">
+                    <form action="{$orderPayPalBaseUrl|escape:'html':'UTF-8'}" method="POST" class="form-horizontal ps-checkout-refund-form">
+                      <div class="modal-header">
+                        <h5 class="modal-title">
+                          <img src="{$moduleLogoUri}" width="20" height="20" alt="logo"> {l s='Refund transaction totally or partially' d='Modules.Checkout.Pscheckout'}
+                        </h5>
+                        <button type="button" class="close" data-dismiss="modal" aria-label="{l s='Cancel' d='Modules.Checkout.Pscheckout'}">
+                          <span aria-hidden="true">×</span>
+                        </button>
+                      </div>
+                      <div class="modal-body mb-2">
+                        <div class="modal-notifications"></div>
+                        <div class="modal-content-container">
+                          <div class="form-group mb-0">
+                            <div class="row">
+                              <div class="col-md-12">
+                                <p class="mb-2">
+                                  <b>{l s='Order details' d='Modules.Checkout.Pscheckout'}</b>
+                                </p>
+                              </div>
+                            </div>
+                            <div class="order-totals">
+                              <div class='order-totals-column'>
+                                <p>{l s='Gross amount' d='Modules.Checkout.Pscheckout'}</p>
+                                <p>{l s='Fees (Tax Incl.)' d='Modules.Checkout.Pscheckout'}</p>
+                                <p>
+                                  <b>{l s='Amount (Tax Incl.)' d='Modules.Checkout.Pscheckout'}</b>
+                                </p>
+                              </div>
+                              <div class='order-totals-column'>
+                                <p>
+                                  <b>{$orderPayPal.total}</b>
+                                </p>
+                                <p>
+                                  <b>{$orderPayPal.fees}</b>
+                                </p>
+                                <p>
+                                  <b>{$orderPayPal.balance}</b>
+                                </p>
+                              </div>
+                            </div>
+                            <div class="row separator"></div>
+                            <div class="row">
+                              <div class="col-md-6">
+                                <label class="form-control-label" for="{$orderPayPalRefundAmountIdentifier|escape:'html':'UTF-8'}">
+                                  <b>{l s='Net amount to refund' d='Modules.Checkout.Pscheckout'}</b>
+                                </label>
+                              </div>
+                              <div class="col-md-6">
+                                <input name="ajax" type="hidden" value="1">
+                                <input name="action" type="hidden" value="RefundOrder">
+                                <input name="orderPayPalRefundTransaction" type="hidden" value="{$orderPayPalTransaction.id|escape:'html':'UTF-8'}">
+                                <input name="orderPayPalRefundOrder" type="hidden" value="{$orderPayPal.id|escape:'html':'UTF-8'}">
+                                <input name="orderPayPalRefundCurrency" type="hidden" value="{$orderPayPalTransaction.currency|escape:'html':'UTF-8'}">
+                                <div class="input-group-append">
+                                  <div class="input-group-text">{$orderPayPalTransaction.currency|escape:'html':'UTF-8'}</div>
+                                  <input
+                                    class="form-control text-right"
+                                    name="orderPayPalRefundAmount"
+                                    id="{$orderPayPalRefundAmountIdentifier|escape:'html':'UTF-8'}"
+                                    type="number"
+                                    step=".01"
+                                    min="0.01"
+                                    max="{$maxAmountRefundable|escape:'html':'UTF-8'}"
+                                  >
+                                </div>
+                                <p class="text-muted">
+                                  {l s='Maximum [AMOUNT_MAX] [CURRENCY] (tax included)' sprintf=['[AMOUNT_MAX]' => $orderPayPalTransaction.maxAmountRefundable|escape:'html':'UTF-8'|string_format:"%.2f", '[CURRENCY]' => $orderPayPalTransaction.currency|escape:'html':'UTF-8'] d='Modules.Checkout.Pscheckout'}
+                                  <a href="#">
+                                    {l s='Learn more' d='Modules.Checkout.Pscheckout'}
+                                  </a>
+                                </p>
+                              </div>
+                            </div>
+                          </div>
+                          <p class="text-muted">
+                            {l s='Your transaction refund request will be sent to PayPal. After that, you’ll need to manually process the refund action in the PrestaShop order: choose the type of refund (standard or partial) in order to generate credit slip.' d='Modules.Checkout.Pscheckout'}
+                          </p>
+                        </div>
+                        <div class="modal-loader text-center">
+                          <button class="btn-primary-reverse onclick unbind spinner"></button>
+                        </div>
+                      </div>
+                      <div class="modal-footer">
+                        <button type="button" class="btn btn-outline-primary" data-dismiss="modal">
+                          {l s='Cancel' d='Modules.Checkout.Pscheckout'}
+                        </button>
+                        <button type="button" class="btn btn-primary refund-submit" disabled>
+                          {l s='Refund' d='Modules.Checkout.Pscheckout'} <span class="refund-value" data-transaction-currency="{$orderPayPalTransaction.currency|escape:'html':'UTF-8'}"></span>
+                        </button>
+                        <button type="submit" class="btn btn-primary refund-confirm" hidden="hidden">
+                          {l s='Confirm refund' d='Modules.Checkout.Pscheckout'}
+                        </button>
+                      </div>
+                    </form>
+                  </div>
+                </div>
+              </div>
+            {/if}
+
+            {assign var="counter" value=$counter+1}
+          {/foreach}
+        </div>
+      </div>
+    {/if}
+  {/if}
+</div>

modules/ps_checkout/views/templates/admin/configuration.tpl

@@ -0,0 +1,60 @@
+{**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ *}
+{if isset($hasRequiredDependencies) && !$hasRequiredDependencies}
+  <script src="https://assets.prestashop3.com/dst/mbo/v1/mbo-cdc-dependencies-resolver.umd.js"></script>
+  <div id="mbo-cdc-container"></div>
+
+  <script defer>
+    const renderMboCdcDependencyResolver = window?.mboCdcDependencyResolver?.render
+    const context = {
+      ...{$requiredDependencies|json_encode},
+      onDependenciesResolved: () => {
+        setTimeout(() => {
+          window.location.reload()
+        }, 2000);
+      },
+      onDependencyResolved: (dependencyData) => console.log('Dependency installed', dependencyData),
+      onDependencyFailed: (dependencyData) => console.log('Failed to install dependency', dependencyData),
+      onDependenciesFailed: () => console.log('There are some errors'),
+    }
+    renderMboCdcDependencyResolver(context, '#mbo-cdc-container')
+  </script>
+{/if}
+
+<div id="app"{if isset($hasRequiredDependencies) && !$hasRequiredDependencies} style="display:none;"{/if}></div>
+
+<style>
+  /** Hide native multistore module activation panel, because of visual regressions on non-bootstrap content */
+  #content.nobootstrap div.bootstrap.panel {
+    display: none;
+  }
+</style>
+
+<script>
+    // Enhance page subtitle with module version
+    const pageSubtitles = document.querySelectorAll('#content.nobootstrap .page-head .page-subtitle, #content.bootstrap .page-head .page-subtitle');
+    const moduleVersion = window?.store?.context?.moduleVersion ? ' v' + window.store.context.moduleVersion : '';
+
+    pageSubtitles?.forEach((pageSubtitle) => {
+        if (pageSubtitle) {
+            pageSubtitle.textContent = pageSubtitle.textContent
+                + moduleVersion;
+        }
+    });
+</script>

modules/ps_checkout/views/templates/admin/index.php

@@ -0,0 +1,29 @@
+<?php
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: ' . gmdate('D, d M Y H:i:s') . ' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+
+exit;

modules/ps_checkout/views/templates/front/index.php

@@ -0,0 +1,29 @@
+<?php
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: ' . gmdate('D, d M Y H:i:s') . ' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+
+exit;

modules/ps_checkout/views/templates/front/payment.tpl

@@ -0,0 +1,41 @@
+{**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ *}
+{extends file='page.tpl'}
+{block name='content'}
+  <div class="ps-checkout wrapper">
+    <div class="ps-checkout content">
+      <div class="alert alert-danger">
+        {if isset($error)}
+          {$error}
+        {else}
+          {l s='3DS verification failed, please try again.' d='Modules.Checkout.Pscheckout'}
+        {/if}
+      </div>
+      <div class="ps-checkout order-link">
+        <a href="{$order_url}">{l s='Back to order page' d='Modules.Checkout.Pscheckout'}</a>
+      </div>
+    </div>
+  </div>
+{/block}
+{block name='notifications'}
+{/block}
+{block name='header'}
+{/block}
+{block name="footer"}
+{/block}

modules/ps_checkout/views/templates/hook/adminAfterHeader/incompatibleCodes.tpl

@@ -0,0 +1,63 @@
+{**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ *}
+{if $incompatibleCodes}
+    <div class="container">
+        <div class="banner-alert">
+            <div class="banner-icon">
+                <i class="material-icons">error_outline</i>
+            </div>
+
+            <div class="banner-text">
+                <h2>
+                  {if $codesType === 'countries'}
+                    {l s='PrestaShop Checkout transactions won\'t work in some of your configured countries, but there is a solution !' d='Modules.Checkout.Pscheckout'}
+                  {elseif $codesType === 'currencies'}
+                    {l s='PrestaShop Checkout transactions won\'t work in some of your configured currencies, but there is a solution !' d='Modules.Checkout.Pscheckout'}
+                  {/if}
+                </h2>
+
+                <p class="banner-upgrade-info">
+                    {l s='Please upgrade your settings for :' d='Modules.Checkout.Pscheckout'}
+                </p>
+
+                <p class="incompatible-list">
+                    <b><i>
+                        {foreach $incompatibleCodes as $key => $incompatibleCode}
+                            {$incompatibleCode}{if $key != count($incompatibleCodes) - 1},{/if}
+                        {/foreach}
+                    </i></b>
+                </p>
+
+                <a href="{$paymentPreferencesLink}" class="button-link" target="_blank">
+                    {if $codesType === 'countries'}
+                        {l s='Change countries activation for this payment module' d='Modules.Checkout.Pscheckout'}
+                    {elseif $codesType === 'currencies'}
+                        {l s='Change currencies activation for this payment module' d='Modules.Checkout.Pscheckout'}
+                    {/if}
+                </a>
+
+                <a class="btn btn-link banner-link" href="{$paypalLink}" target="_blank">
+                    {l s='Know more about compliant ISO Codes' d='Modules.Checkout.Pscheckout'}
+
+                    <i class="material-icons banner-link-icon">trending_flat</i>
+                </a>
+            </div>
+        </div>
+    </div>
+{/if}

modules/ps_checkout/views/templates/hook/adminAfterHeader/index.php

@@ -0,0 +1,29 @@
+<?php
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: ' . gmdate('D, d M Y H:i:s') . ' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+
+exit;

modules/ps_checkout/views/templates/hook/adminAfterHeader/promotionBlock.tpl

@@ -0,0 +1,65 @@
+{**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ *}
+<div class="container">
+    <div class="row">
+        <div class="col">
+            <div class="card" data-test="ps-checkout-card">
+                <h3 class="card-header">
+                    <i class="material-icons">extension</i> {l s='One module, all payments methods.' d='Modules.Checkout.Pscheckout'}
+                </h3>
+                <div class="card-block">
+                    <div class="module-item-list">
+                        <div class="row module-item-wrapper-list py-3">
+                            <div class="col-12 col-sm-2 col-md-2 col-lg-3">
+                                <div class="img m-auto">
+                                </div>
+                            </div>
+                            <div class="row col-12 col-sm-6 col-md-7 col-lg-7 pl-0">
+                                <div class="col-12 col-sm-12 col-md-12 col-lg-8 pl-0">
+                                    <ul class="text-muted">
+                                        <li class="mb-1">{l s='Offer the widest range of payment methods: cards, PayPal, etc.' d='Modules.Checkout.Pscheckout'}</li>
+                                        <li class="mb-1">{l s='Benefit from all PayPal expertise and advantages' d='Modules.Checkout.Pscheckout'}</li>
+                                        <li>{l s='Give access to relevant local payment methods for customers around the globe' d='Modules.Checkout.Pscheckout'}</li>
+                                    </ul>
+                                </div>
+                                <div class="col-12 col-sm-12 col-md-12 col-lg-4 pl-0">
+                                    <label class="text-muted">
+                                        {l s='Including:' d='Modules.Checkout.Pscheckout'}
+                                    </label>
+                                    <div>
+                                        <img class="payment-icon" src="{$modulePath|escape:'htmlall':'UTF-8'}views/img/paypal.jpg" alt="">
+                                        <img class="payment-icon" src="{$modulePath|escape:'htmlall':'UTF-8'}views/img/visa.jpg" alt="">
+                                        <img class="payment-icon" src="{$modulePath|escape:'htmlall':'UTF-8'}views/img/mastercard.jpg" alt="">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-12 col-sm-4 col-md-3 col-lg-2 mb-3 m-auto">
+                                <div class="text-xs-center">
+                                    <a href="{$configureLink|escape:'htmlall':'UTF-8'}" class="btn btn-primary-reverse btn-outline-primary light-button">
+                                        {l s='Configure' d='Modules.Checkout.Pscheckout'}
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

modules/ps_checkout/views/templates/hook/displayAdminOrderMainBottom.tpl

@@ -0,0 +1,36 @@
+{**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ *}
+<div class="card mt-2" id="ps_checkout">
+  <div class="card-header">
+    <h3 class="card-header-title">
+      <img src="{$moduleLogoUri|escape:'html':'UTF-8'}" alt="{$moduleName|escape:'html':'UTF-8'}" width="20" height="20">
+      {$moduleName|escape:'html':'UTF-8'}
+    </h3>
+  </div>
+
+  <div class="card-body">
+    <div class="paypal-order-notifications"></div>
+    <div class="paypal-order-container"></div>
+    <div class="paypal-order-loader text-center">
+      <button class="btn-primary-reverse onclick unbind spinner"></button>
+    </div>
+  </div>
+</div>
+
+{include file='./partials/adminOrderView.tpl' orderPrestaShopId=$orderPrestaShopId orderPayPalBaseUrl=$orderPayPalBaseUrl}

modules/ps_checkout/views/templates/hook/displayOrderConfirmation.tpl

@@ -0,0 +1,49 @@
+{**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ *}
+<section id="ps_checkout-displayOrderConfirmation">
+    {if $orderPayPalTransactionStatus === 'PENDING' || $orderPayPalStatus === 'APPROVED' || $orderPayPalStatus === 'CREATED'}
+      <div class="alert alert-warning">
+          {l s='Your order is waiting for payment confirmation. You will receive an email when your payment has been validated. You can also check the order status in your order history in your account.' d='Modules.Checkout.Pscheckout'}
+      </div>
+    {/if}
+
+    {if $orderPayPalTransactionStatus === 'DECLINED' || $orderPayPalTransactionStatus === 'FAILED'}
+      <div class="alert alert-danger">
+        <a href="#ps_checkout-displayPaymentReturn" class="alert-link">
+            {$translations.notificationFailed|escape:'html':'UTF-8'}
+        </a>
+      </div>
+    {/if}
+
+    {if $approvalLink && $orderPayPalStatus === 'PENDING_APPROVAL'}
+      <div class="alert alert-warning">
+        <a href="#ps_checkout-displayPaymentReturn" class="alert-link" style="margin: initial;padding: initial;">
+            {$translations.notificationPendingApproval|escape:'html':'UTF-8'}
+        </a>
+      </div>
+    {/if}
+
+    {if $payerActionLink && $orderPayPalStatus === 'PAYER_ACTION_REQUIRED'}
+      <div class="alert alert-warning">
+        <a href="#ps_checkout-displayPaymentReturn" class="alert-link" style="margin: initial;padding: initial;">
+            {$translations.notificationPayerActionRequired|escape:'html':'UTF-8'}
+        </a>
+      </div>
+    {/if}
+</section>

modules/ps_checkout/views/templates/hook/displayOrderDetail.tpl

@@ -0,0 +1,88 @@
+{**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ *}
+
+<section id="ps_checkout-displayOrderDetail">
+    <div class="card border-1 mb-4">
+        <div class="card-body">
+            <h2 class="h2 mb-4">
+                {$translations.blockTitle|escape:'html':'UTF-8'}
+            </h2>
+
+            {if $orderPayPalTransactionStatus === 'DECLINED' || $orderPayPalTransactionStatus === 'FAILED'}
+                <div class="alert alert-danger">
+                    {$translations.notificationFailed|escape:'html':'UTF-8'}
+                </div>
+            {/if}
+
+            {if $approvalLink && $orderPayPalStatus === 'PENDING_APPROVAL'}
+                <div class="alert alert-warning">
+                    {$translations.notificationPendingApproval|escape:'html':'UTF-8'}
+                </div>
+            {/if}
+
+            {if $payerActionLink && $orderPayPalStatus === 'PAYER_ACTION_REQUIRED'}
+                <div class="alert alert-warning">
+                    {$translations.notificationPayerActionRequired|escape:'html':'UTF-8'}
+                </div>
+            {/if}
+
+            <ul>
+                <li>
+                    {$translations.fundingSource|escape:'html':'UTF-8'}: {$orderPayPalFundingSourceTranslated|escape:'html':'UTF-8'}
+                </li>
+                {if $orderPayPalTransactionId}
+                    <li>{$translations.transactionIdentifier|escape:'html':'UTF-8'}: {$orderPayPalTransactionId|escape:'html':'UTF-8'}</li>
+                    <li>{$translations.transactionStatus|escape:'html':'UTF-8'}: {$orderPayPalTransactionStatusTranslated|escape:'html':'UTF-8'}</li>
+                    <li>{$translations.amountPaid|escape:'html':'UTF-8'}: {$orderPayPalTransactionAmount|escape:'html':'UTF-8'}</li>
+                {else}
+                    <li>{$translations.orderIdentifier|escape:'html':'UTF-8'}: {$orderPayPalId|escape:'html':'UTF-8'}</li>
+                    <li>{$translations.orderStatus|escape:'html':'UTF-8'}: {$orderPayPalStatus|escape:'html':'UTF-8'}</li>
+                {/if}
+            </ul>
+
+            {if $approvalLink && $orderPayPalStatus === 'PENDING_APPROVAL'}
+                <div class="alert alert-warning">
+                    {$translations.notificationPendingApproval|escape:'html':'UTF-8'}
+                </div>
+                <p>
+                    <a class="btn btn-primary" href="{$approvalLink|escape:'html':'UTF-8'}">
+                        {$translations.buttonApprove|escape:'html':'UTF-8'}
+                    </a>
+                    {$translations.externalRedirection|escape:'html':'UTF-8'}
+                </p>
+            {/if}
+
+            {if $payerActionLink && $orderPayPalStatus === 'PAYER_ACTION_REQUIRED' }
+                <div class="alert alert-warning">
+                    {$translations.notificationPayerActionRequired|escape:'html':'UTF-8'}
+                </div>
+                <p>
+                    <a class="btn btn-primary" href="{$payerActionLink|escape:'html':'UTF-8'}">
+                        {$translations.buttonPayerAction|escape:'html':'UTF-8'}
+                    </a>
+                    {$translations.externalRedirection|escape:'html':'UTF-8'}
+                </p>
+            {/if}
+
+            <a href="{$contactUsLink|escape:'html':'UTF-8'}" class="contact-us">
+                {$translations.contactLink|escape:'html':'UTF-8'}
+            </a>
+        </div>
+    </div>
+</section>

modules/ps_checkout/views/templates/hook/displayPaymentByBinaries.tpl

@@ -0,0 +1,25 @@
+{**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ *}
+{foreach from=$paymentOptions item="fundingSource"}
+  <section class="js-payment-binary js-payment-ps_checkout js-payment-ps_checkout-{$fundingSource} mt-1 disabled">
+    <div id="ps_checkout-{$fundingSource}-buttons-container">
+      <div class="ps_checkout-button" data-funding-source="{$fundingSource}"></div>
+    </div>
+  </section>
+{/foreach}

modules/ps_checkout/views/templates/hook/displayPaymentReturn.tpl

@@ -0,0 +1,79 @@
+{**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ *}
+
+<section id="ps_checkout-displayPaymentReturn">
+    <div class="card border-1 mb-4">
+        <div class="card-body">
+            <h2 class="h2 mb-4">
+                {$translations.blockTitle|escape:'html':'UTF-8'}
+            </h2>
+
+            <ul>
+                <li>
+                    {$translations.fundingSource|escape:'html':'UTF-8'}: {$orderPayPalFundingSourceTranslated|escape:'html':'UTF-8'}
+                </li>
+                {if $vault}
+                    <li>{$translations.paymentMethodStatus|escape:'html':'UTF-8'}: {$tokenIdentifier|escape:'html':'UTF-8'}
+                        {if $isTokenSaved}
+                            {$translations.paymentTokenSaved|escape:'html':'UTF-8'}
+                        {else}
+                            {$translations.paymentTokenNotSaved|escape:'html':'UTF-8'}
+                        {/if}
+                    </li>
+                {/if}
+                {if $orderPayPalTransactionId}
+                    <li>{$translations.transactionIdentifier|escape:'html':'UTF-8'}: {$orderPayPalTransactionId|escape:'html':'UTF-8'}</li>
+                    <li>{$translations.transactionStatus|escape:'html':'UTF-8'}: {$orderPayPalTransactionStatusTranslated|escape:'html':'UTF-8'}</li>
+                    <li>{$translations.amountPaid|escape:'html':'UTF-8'}: {$orderPayPalTransactionAmount|escape:'html':'UTF-8'}</li>
+                {else}
+                    <li>{$translations.orderIdentifier|escape:'html':'UTF-8'}: {$orderPayPalId|escape:'html':'UTF-8'}</li>
+                    <li>{$translations.orderStatus|escape:'html':'UTF-8'}: {$orderPayPalStatus|escape:'html':'UTF-8'}</li>
+                {/if}
+            </ul>
+
+            {if $approvalLink && $orderPayPalStatus === 'PENDING_APPROVAL'}
+                <div class="alert alert-warning">
+                    {$translations.notificationPendingApproval|escape:'html':'UTF-8'}
+                </div>
+                <p>
+                    <a class="btn btn-primary" href="{$approvalLink|escape:'html':'UTF-8'}">
+                        {$translations.buttonApprove|escape:'html':'UTF-8'}
+                    </a>
+                    {$translations.externalRedirection|escape:'html':'UTF-8'}
+                </p>
+            {/if}
+
+            {if $payerActionLink && $orderPayPalStatus === 'PAYER_ACTION_REQUIRED' }
+                <div class="alert alert-warning">
+                    {$translations.notificationPayerActionRequired|escape:'html':'UTF-8'}
+                </div>
+                <p>
+                    <a class="btn btn-primary" href="{$payerActionLink|escape:'html':'UTF-8'}">
+                        {$translations.buttonPayerAction|escape:'html':'UTF-8'}
+                    </a>
+                    {$translations.externalRedirection|escape:'html':'UTF-8'}
+                </p>
+            {/if}
+
+            <a href="{$contactUsLink|escape:'html':'UTF-8'}" class="contact-us">
+                {$translations.contactLink|escape:'html':'UTF-8'}
+            </a>
+        </div>
+    </div>
+</section>

modules/ps_checkout/views/templates/hook/displayPaymentTop.tpl

@@ -0,0 +1,65 @@
+{**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ *}
+<div id="ps_checkout-notification-container">
+  <div id="ps_checkout-canceled" class="alert alert-warning-custom" style="display:none;">
+    <img src="{$shoppingCartWarningPath|escape:'htmlall':'UTF-8'}" alt="{$warningTranslatedText|escape:'htmlall':'UTF-8'}">
+    <strong>{l s='Processing payment canceled, please choose another payment method or try again.' d='Modules.Checkout.Pscheckout'}</strong>
+  </div>
+  <div id="ps_checkout-error" class="alert alert-danger-custom" style="display:none;">
+    <img src="{$shoppingCartWarningPath|escape:'htmlall':'UTF-8'}" alt="{$warningTranslatedText|escape:'htmlall':'UTF-8'}">
+    <strong><span id="ps_checkout-error-text"></span></strong>
+  </div>
+</div>
+
+{if $isExpressCheckout}
+  <div class="express-checkout-block mb-2" id="ps_checkout-express-checkout-banner">
+    <img src="{$paypalLogoPath|escape:'htmlall':'UTF-8'}" class="express-checkout-img" alt="PayPal">
+    <p class="express-checkout-label">
+      {$translatedText|escape:'htmlall':'UTF-8'}
+    </p>
+  </div>
+{/if}
+
+<div id="ps_checkout-loader" class="express-checkout-block mb-2">
+  <div class="express-checkout-block-wrapper">
+    <p class="express-checkout-spinner-text">
+        {$loaderTranslatedText|escape:'htmlall':'UTF-8'}
+    </p>
+    <div class="express-checkout-spinner">
+      <img src="{$spinnerPath|escape:'htmlall':'UTF-8'}" alt="{$loaderTranslatedText|escape:'htmlall':'UTF-8'}">
+    </div>
+  </div>
+</div>
+
+<script>
+  document.addEventListener('DOMContentLoaded', function() {
+    const paymentOptions = document.querySelectorAll('input[name="payment-option"]');
+
+    if (null !== paymentOptions) {
+      paymentOptions.forEach(function(paymentOption) {
+        const paymentOptionContainer = document.getElementById(paymentOption.id + '-container');
+        const paymentOptionName = paymentOption.getAttribute('data-module-name');
+
+        if (!paymentOptionContainer.classList.contains('ps_checkout-payment-option') && -1 !== paymentOptionName.search('ps_checkout')) {
+          paymentOptionContainer.style.display = 'none';
+        }
+      });
+    }
+  });
+</script>

modules/ps_checkout/views/templates/hook/index.php

@@ -0,0 +1,29 @@
+<?php
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: ' . gmdate('D, d M Y H:i:s') . ' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+
+exit;

modules/ps_checkout/views/templates/hook/partials/adminOrderView.tpl

@@ -0,0 +1,39 @@
+{**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ *}
+<script>
+  if (undefined !== window.ps_checkout) {
+    ps_checkout.initialize({
+      orderPrestaShopId: {$orderPrestaShopId|intval},
+      orderPayPalBaseUrl: '{$orderPayPalBaseUrl|escape:'javascript':'UTF-8'}',
+      orderPayPalContainer: '.paypal-order-container',
+      orderPayPalLoaderContainer: '.paypal-order-loader',
+      orderPayPalNotificationsContainer: '.paypal-order-notifications',
+      orderPayPalRefundButton: '#ps_checkout a.refund',
+      orderPayPalRefundButtonValue: 'button.refund-submit span.refund-value',
+      orderPayPalRefundSubmitButton: 'button.refund-submit',
+      orderPayPalRefundConfirmButton: 'button.refund-confirm',
+      orderPayPalModalContainerPrefix: '#ps-checkout-refund-',
+      orderPayPalModalContainer: '.ps-checkout-refund',
+      orderPayPalModalNotificationsContainer: '.modal-notifications',
+      orderPayPalModalContentContainer: '.modal-content-container',
+      orderPayPalModalLoaderContainer: '.modal-loader',
+      orderPayPalModalRefundForm: '.ps-checkout-refund-form',
+    });
+  }
+</script>

modules/ps_checkout/views/templates/hook/partials/cardFields.tpl

@@ -0,0 +1,74 @@
+{**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ *}
+<div>
+
+<form id="ps_checkout-card-fields-form" class="form-horizontal loading">
+  <div id="ps_checkout-card-fields-form-loader">
+    <img src="{$modulePath}views/img/tail-spin.svg" alt="spin">
+  </div>
+  <div>
+    <label class="form-control-label" for="ps_checkout-card-fields-name">{l s='Cardholder Name (optional)' d='Modules.Checkout.Pscheckout'}</label>
+    <div id="ps_checkout-card-fields-name"></div>
+    <div id="ps_checkout-card-fields-name-error" class="alert alert-danger hidden">{l s='Card holder name is invalid' d='Modules.Checkout.Pscheckout'}</div>
+  </div>
+  <div>
+    <label class="form-control-label" for="ps_checkout-card-fields-number">{l s='Card number' d='Modules.Checkout.Pscheckout'}</label>
+    <div id="ps_checkout-card-fields-number" ></div>
+    <div id="ps_checkout-card-fields-number-error" class="alert alert-danger hidden">{l s='Card number is invalid' d='Modules.Checkout.Pscheckout'}</div>
+    <div id="ps_checkout-card-fields-vendor-error" class="alert alert-danger hidden">{l s='Card vendor is invalid' d='Modules.Checkout.Pscheckout'}</div>
+  </div>
+  <div class="row">
+    <div class="col-xs-6 col-6">
+      <label class="form-control-label" for="ps_checkout-card-fields-expiry">{l s='Card expiration date' d='Modules.Checkout.Pscheckout'}</label>
+      <div id="ps_checkout-card-fields-expiry" ></div>
+      <div id="ps_checkout-card-fields-expiry-error" class="alert alert-danger hidden">{l s='Card expiration date is invalid' d='Modules.Checkout.Pscheckout'}</div>
+    </div>
+    <div class="col-xs-6 col-6">
+      <div class="ps_checkout-card-fields-cvv-label-wrapper">
+        <label class="form-control-label" for="ps_checkout-card-fields-cvv">{l s='CVC' d='Modules.Checkout.Pscheckout'}</label>
+        <div class="ps_checkout-info-wrapper">
+          <div class="ps_checkout-info-button" onmouseenter="cvvEnter()" onmouseleave="cvvLeave()">i
+            <div class="popup-content" id="cvv-popup">
+              <img src="{$modulePath}views/img/cvv.svg" alt="cvv">
+              {l s='The security code is a' d='Modules.Checkout.Pscheckout'} <b>{l s='3-digits' d='Modules.Checkout.Pscheckout'}</b> {l s='code on the back of your credit card. In some cases, it can be 4-digits or on the front of your card.' d='Modules.Checkout.Pscheckout'}
+            </div>
+          </div>
+        </div>
+      </div>
+      <div id="ps_checkout-card-fields-cvv" ></div>
+      <div id="ps_checkout-card-fields-cvv-error" class="alert alert-danger hidden">{l s='CVV code is invalid' d='Modules.Checkout.Pscheckout'}</div>
+    </div>
+  </div>
+  {if $vaultingEnabled}
+    {include file='module:ps_checkout/views/templates/hook/partials/vaultPaymentFields.tpl' paymentIdentifier='card'}
+  {/if}
+  <div id="payments-sdk__contingency-lightbox"></div>
+</form>
+</div>
+
+<script>
+  function cvvEnter() {
+    var popup = document.getElementById("cvv-popup");
+    popup.classList.add("show");
+  }
+  function cvvLeave() {
+    var popup = document.getElementById("cvv-popup");
+    popup.classList.remove("show");
+  }
+</script>

modules/ps_checkout/views/templates/hook/partials/index.php

@@ -0,0 +1,29 @@
+<?php
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: ' . gmdate('D, d M Y H:i:s') . ' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+
+exit;

modules/ps_checkout/views/templates/hook/partials/payUponInvoiceFields.tpl

@@ -0,0 +1,40 @@
+{**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ *}
+<div>
+  <form id="ps_checkout-pay-upon-invoice-fields-form" class="form-horizontal loading">
+    <div class="form-group">
+      <label for="ps_checkout-pui-birthday" class="form-control-label required">
+        {l s='Date of Birth' d='Modules.Checkout.Pscheckout'}
+      </label>
+      <input
+              type="date"
+              id="ps_checkout-pui-birthday"
+              name="ps_checkout-pui-birthday"
+              class="form-control"
+              required="required"
+              placeholder="YYYY-MM-DD"
+              {if !empty($min_date)}min="{$min_date}"{/if}
+              {if !empty($max_date)}max="{$max_date}"{/if}
+              {if isset($customerBirthday) && $customerBirthday}value="{$customerBirthday|escape:'html':'UTF-8'}"{/if}
+      />
+      <span class="form-control-comment" id="ps_checkout-pui-birthday-error" style="display: none; color: #dc3545;"></span>
+    </div>
+    <div id="paypal-legal-container"></div>
+  </form>
+</div>

modules/ps_checkout/views/templates/hook/partials/vaultPaymentFields.tpl

@@ -0,0 +1,27 @@
+{**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ *}
+<div class="ps_checkout-vault-payment-container-{$paymentIdentifier} ps_checkout-vault-fields">
+  <div>
+    <label for="ps_checkout-vault-payment-{$paymentIdentifier}" class="ps_checkout-vault-label">
+      <input type="checkbox" value="1" name="ps_checkout-vault-payment-{$paymentIdentifier}" id="ps_checkout-vault-payment-{$paymentIdentifier}">
+      {l s='Securely store payment details for future purchases' d='Modules.Checkout.Pscheckout'}
+      <img src="{$modulePath}views/img/icons/lock_fill.svg" alt="lock" width="15" height="15">
+    </label>
+  </div>
+</div>

modules/ps_checkout/views/templates/hook/partials/vaultPaymentForm.tpl

@@ -0,0 +1,23 @@
+{**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ *}
+{if $vaultingEnabled}
+  <form id="ps_checkout-vault-payment-form-{$paymentIdentifier}" class="form-horizontal">
+    {include file='module:ps_checkout/views/templates/hook/partials/vaultPaymentFields.tpl' paymentIdentifier=$paymentIdentifier}
+  </form>
+{/if}

modules/ps_checkout/views/templates/hook/partials/vaultTokenForm.tpl

@@ -0,0 +1,35 @@
+{**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ *}
+<form id="ps_checkout-vault-token-form-{$paymentIdentifier}" class="form-horizontal ps_checkout-vault-token-form">
+  <div>
+    <span class="ps_checkout-token-explanation">
+      {if $isFavorite}
+        {l s='This payment method has been saved to your account and defined as favorite for future purchases.' d='Modules.Checkout.Pscheckout'}
+      {else}
+        {l s='This payment method has been saved to your account.' d='Modules.Checkout.Pscheckout'}
+      {/if}
+    </span>
+  </div>
+  <div>
+    <button type="button" id="delete-{$paymentIdentifier}" class="ps_checkout-vault-token-delete">{l s='Delete' d='Modules.Checkout.Pscheckout'}</button>
+  </div>
+  <input type="hidden" name="ps_checkout-funding-source-{$paymentIdentifier}" value="{$fundingSource}">
+  <input type="hidden" name="ps_checkout-vault-id-{$paymentIdentifier}" value="{$vaultId}">
+  <input type="hidden" name="ps_checkout-vault-label-{$paymentIdentifier}" value="{$label}">
+</form>

modules/ps_checkout/views/templates/index.php

@@ -0,0 +1,29 @@
+<?php
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Academic Free License version 3.0
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/AFL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
+ */
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: ' . gmdate('D, d M Y H:i:s') . ' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+
+exit;