diff --git a/view/adminhtml/templates/form/sepa.phtml b/view/adminhtml/templates/form/sepa.phtml
deleted file mode 100644
index ec3adcde3..000000000
--- a/view/adminhtml/templates/form/sepa.phtml
+++ /dev/null
@@ -1,95 +0,0 @@
-
- */
-
-// @codingStandardsIgnoreFile
-/**
- * @var \Magento\Payment\Block\Adminhtml\Transparent\Form $block
- */
-$code = $block->escapeHtml($block->getMethodCode());
-$currentCountry = $block->getInfoData('country');
-?>
-
-
diff --git a/view/adminhtml/templates/info/adyen_boleto.phtml b/view/adminhtml/templates/info/adyen_boleto.phtml
index 30a61bfcb..06d9ad971 100644
--- a/view/adminhtml/templates/info/adyen_boleto.phtml
+++ b/view/adminhtml/templates/info/adyen_boleto.phtml
@@ -39,9 +39,9 @@ $_isDemoMode = $block->isDemoMode();
getAdditionalInformation('pspReference')):?>
- %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
+ %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
- %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
+ %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
diff --git a/view/adminhtml/templates/info/adyen_cc.phtml b/view/adminhtml/templates/info/adyen_cc.phtml
index 42834779e..469d8732f 100755
--- a/view/adminhtml/templates/info/adyen_cc.phtml
+++ b/view/adminhtml/templates/info/adyen_cc.phtml
@@ -39,9 +39,9 @@ $_isDemoMode = $block->isDemoMode();
getAdditionalInformation('pspReference')):?>
- %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
+ %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
- %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
+ %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
diff --git a/view/adminhtml/templates/info/adyen_hpp.phtml b/view/adminhtml/templates/info/adyen_hpp.phtml
index 873359b39..ffe42f363 100755
--- a/view/adminhtml/templates/info/adyen_hpp.phtml
+++ b/view/adminhtml/templates/info/adyen_hpp.phtml
@@ -35,27 +35,120 @@
$_info = $this->getInfo();
$_isDemoMode = $block->isDemoMode();
?>
-getAdditionalInformation('pspReference')):?>
+getAdditionalInformation('pspReference')): ?>
-
- %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
+
+ %1',
+ $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
- %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
+ %1',
+ $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
-
+
-getAdditionalInformation('brand_code')):?>
+getAdditionalInformation('brand_code')): ?>
-
+
+
+
+getBankTransferData())) : ?>
+
+ getBankTransferData();
+ $order = $block->getOrder();
+ ?>
+
+
+
+
+ getGrandTotal())) : ?>
+
+ escapeHtml(__('Amount')); ?> |
+ formatPrice($order->getGrandTotal()); ?> |
+
+
+
+
+
+ escapeHtml(__('With reference')); ?> |
+ |
+
+
+
+
+
+ escapeHtml(__('Beneficiary Name')); ?> |
+ |
+
+
+
+
+
+ escapeHtml(__('Bank')); ?> |
+ |
+
+
+
+
+
+ escapeHtml(__('Bankaccount')); ?> |
+ |
+
+
+
+
+
+
+getMultibancoData())) : ?>
+
+ getMultibancoData();
+ ?>
+
+
+
+
+
+
+ escapeHtml(__('Entity')); ?> |
+ |
+
+
+
+
+
+ escapeHtml(__('Reference')); ?> |
+ |
+
+
+
+
+
+ escapeHtml(__('Amount')); ?> |
+ |
+
+
+
+
+
+ escapeHtml(__('Deadline')); ?> |
+ escapeHtml(__('Days')); ?> |
+
+
+
+
+
+
+
-getAdditionalInformation('adyen_total_fraud_score') != ""): ?>
+getAdditionalInformation('adyen_total_fraud_score') != ""): ?>
getAdditionalInformation('adyen_total_fraud_score')) ?>
-getSplitPayments()): ?>
+getSplitPayments()): ?>
PspReference |
@@ -74,20 +167,20 @@ $_isDemoMode = $block->isDemoMode();
-getSpecificInformation()):?>
+getSpecificInformation()): ?>
- $_value):?>
+ $_value): ?>
- escapeHtml($_label)?>: |
- getValueAsArray($_value, true)))?> |
+ escapeHtml($_label) ?>: |
+ getValueAsArray($_value, true))) ?> |
-
+
-getAdditionalInformation('adyen_ratepay_descriptor')):?>
+getAdditionalInformation('adyen_ratepay_descriptor')): ?>
-
+
-getChildHtml()?>
+getChildHtml() ?>
diff --git a/view/adminhtml/templates/info/adyen_pay_by_mail.phtml b/view/adminhtml/templates/info/adyen_pay_by_mail.phtml
index 2e3b2ea41..9897463d4 100644
--- a/view/adminhtml/templates/info/adyen_pay_by_mail.phtml
+++ b/view/adminhtml/templates/info/adyen_pay_by_mail.phtml
@@ -43,9 +43,9 @@ $_isDemoMode = $block->isDemoMode();
getAdditionalInformation('pspReference')):?>
- %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
+ %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
- %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
+ %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
diff --git a/view/adminhtml/templates/info/adyen_pos_cloud.phtml b/view/adminhtml/templates/info/adyen_pos_cloud.phtml
index fd6521ebb..eb2700d0d 100644
--- a/view/adminhtml/templates/info/adyen_pos_cloud.phtml
+++ b/view/adminhtml/templates/info/adyen_pos_cloud.phtml
@@ -38,9 +38,9 @@ $_isDemoMode = $block->isDemoMode();
getAdditionalInformation('pspReference')):?>
- %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
+ %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
- %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
+ %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
diff --git a/view/adminhtml/templates/info/adyen_sepa.phtml b/view/adminhtml/templates/info/adyen_sepa.phtml
deleted file mode 100644
index 337d47f8a..000000000
--- a/view/adminhtml/templates/info/adyen_sepa.phtml
+++ /dev/null
@@ -1,69 +0,0 @@
-
- */
-
-// @codingStandardsIgnoreFile
-
-?>
-
-escapeHtml($block->getMethod()->getTitle()) ?>
-
-getInfo();
-$_isDemoMode = $block->isDemoMode();
-?>
-
-getAdditionalInformation('pspReference')):?>
-
-
- %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
-
- %1', $block->escapeHtml($_pspReference), $block->escapeHtml($_pspReference)) ?>
-
-
-
-
-getAdditionalInformation('brand_code')):?>
-
-
-
-
-getAdditionalInformation('adyen_total_fraud_score') != ""): ?>
- getAdditionalInformation('adyen_total_fraud_score')) ?>
-
-
-getSpecificInformation()):?>
-
- $_value):?>
-
- escapeHtml($_label)?>: |
- getValueAsArray($_value, true)))?> |
-
-
-
-
-
-getChildHtml()?>
\ No newline at end of file
diff --git a/view/adminhtml/web/css/order_create_styles.css b/view/adminhtml/web/css/order_create_styles.css
index a54890758..117550031 100644
--- a/view/adminhtml/web/css/order_create_styles.css
+++ b/view/adminhtml/web/css/order_create_styles.css
@@ -66,840 +66,845 @@
display: inline-block;
font-weight: bold;
}
-
-/* Checkout card components style */
-
-.adyen-checkout__payment-method {
- position: relative;
- background: white;
- border: 1px solid #edf0f3;
- cursor: pointer;
- margin-top: -1px;
- width: 100%;
- transition: opacity 0.3s ease-out;
- /* transition: margin 100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; */
-}
-
-.adyen-checkout__payment-method:focus {
- outline: 0;
-}
-
-.adyen-checkout__payment-method:first-child,
-.adyen-checkout__payment-method--selected + .adyen-checkout__payment-method {
- margin-top: 0;
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
-}
-
-.adyen-checkout__payment-method--next-selected {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
-}
-
-.adyen-checkout__payment-method--loading {
- opacity: 0.2;
-}
-
-.adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading {
- opacity: 0.9;
-}
-
-.adyen-checkout__payment-method--loading .adyen-checkout__spinner__wrapper {
- position: absolute;
- right: 0;
- left: 0;
- z-index: 1;
-}
-
-.adyen-checkout__payment-method__header {
- display: flex;
- align-items: center;
- font-weight: 400;
- font-size: 16px;
- color: #00202e;
- padding: 16px;
- position: relative;
- transition: background 0.1s ease-out;
- width: 100%;
-}
-
-.adyen-checkout__payment-method__surcharge {
- color: #687282;
- margin-left: 5px;
-}
-
-.adyen-checkout__payment-method--selected {
- transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-
- background: #f7f8f9;
- border: 1px solid #d4d9db;
- margin: 8px 0;
- border-radius: 3px;
- cursor: default;
-}
-
-.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header {
- font-weight: 500;
-}
-
-.adyen-checkout__payment-method__details__content {
- padding: 6px 16px 24px;
-}
-
-.adyen-checkout__payment-method__image__wrapper {
- height: 26px;
- position: relative;
-}
-
-.adyen-checkout__payment-method__image__wrapper:after {
- content: '';
- position: absolute;
- top: 0;
- width: 100%;
- height: 100%;
- left: 0;
- border-radius: 3px;
- border: 1px solid rgba(0, 27, 43, 0.17);
-}
-
-.adyen-checkout__payment-method__image {
- border-radius: 3px;
-}
-
-.adyen-checkout__payment-method__disable_oneclick {
- background-color: transparent;
- color: #687282;
- cursor: pointer;
- border: none;
- display: block;
- font-size: 13px;
-
- padding: 0;
- position: absolute;
- right: 70px;
- text-decoration: underline;
-}
-
-/* Payment Method Radio Button */
-.adyen-checkout__payment-method__radio {
- position: absolute;
- background-color: #fff;
- border: 1px solid #b9c4c9;
- border-radius: 50%;
- height: 18px;
- width: 18px;
- right: 20px;
- transition: border-color 0.3s ease-out;
- box-shadow: inset 0 1px 3px rgba(0, 27, 43, 0.15);
-}
-
-.adyen-checkout__payment-method__radio:after {
- content: '';
- display: block;
- position: absolute;
- margin: 0 auto;
- left: 0;
- right: 0;
- top: 50%;
- height: 6px;
- width: 6px;
- background-color: #fff;
- border-radius: 50%;
- transform: translateY(-50%) scale(0);
- transition: transform 0.3s ease-out;
- box-shadow: 0 1px 1px rgba(0, 15, 45, 0.25);
-}
-
-.adyen-checkout__payment-method__radio:hover {
- border-color: #00a3ff;
- cursor: pointer;
-}
-
-.adyen-checkout__payment-method__radio--selected {
- background-color: #00a3ff;
- border: 0px solid transparent;
- transition: all 0.3s ease-out;
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.26);
-}
-
-.adyen-checkout__payment-method__radio--selected:after {
- transform: translateY(-50%) scale(1);
-}
-/* /Payment Method Radio Button */
-
-.adyen-checkout__spinner__wrapper {
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.adyen-checkout__spinner__wrapper--inline {
- height: auto;
- display: inline-block;
- margin-right: 8px;
-}
-
-.adyen-checkout__spinner {
- border: 2px solid #00a3ff;
- border-radius: 50%;
- height: 43px;
- width: 43px;
- border-top-color: transparent;
- animation: rotateSpinner 2s infinite linear;
-}
-
-.adyen-checkout__spinner--large {
- height: 43px;
- width: 43px;
-}
-
-.adyen-checkout__spinner--small {
- height: 16px;
- width: 16px;
-}
-
-.adyen-checkout__spinner--medium {
- height: 28px;
- width: 28px;
-}
-
-@keyframes rotateSpinner {
- 0% {
- transform: rotate(0deg);
+/* Checkout component Adyen styling start */
+.adyen-checkout__spinner__wrapper{
+ align-items:center;
+ display:flex;
+ height:100%;
+ justify-content:center
+}
+.adyen-checkout__spinner__wrapper--inline{
+ display:inline-block;
+ height:auto;
+ margin-right:8px
+}
+.adyen-checkout__spinner{
+ -webkit-animation:rotateSpinner 2s infinite linear;
+ animation:rotateSpinner 2s infinite linear;
+ border:2px solid #00a3ff;
+ border-radius:50%;
+ border-top-color:transparent;
+ height:43px;
+ width:43px
+}
+.adyen-checkout__spinner--large{
+ height:43px;
+ width:43px
+}
+.adyen-checkout__spinner--small{
+ height:16px;
+ width:16px
+}
+.adyen-checkout__spinner--medium{
+ height:28px;
+ width:28px
+}
+@-webkit-keyframes rotateSpinner{
+ 0%{
+ -webkit-transform:rotate(0deg);
+ transform:rotate(0deg)
}
- 100% {
- transform: rotate(360deg);
+ to{
+ -webkit-transform:rotate(1turn);
+ transform:rotate(1turn)
}
}
-
-.adyen-checkout__pay-button {
- width: 100%;
- padding: 16px;
- border: 0;
- border-radius: 3px;
- background: #001b2b;
- color: #fff;
- font-weight: 700;
- font-size: 1em;
- transition: background 0.3s ease-out;
- cursor: pointer;
- box-shadow: 0 3px 4px rgba(0, 15, 45, 0.2);
-}
-
-.adyen-checkout__pay-button:disabled {
- background: #e6e9eb;
- box-shadow: none;
-}
-
-.adyen-checkout__pay-button--loading {
- background: #4c5f6b;
- box-shadow: none;
- outline: 0;
- user-select: none;
- pointer-events: none;
-}
-
-.adyen-checkout__pay-button .adyen-checkout__spinner {
- border-color: #fff;
- border-width: 3px;
- border-top-color: transparent;
-}
-
-.adyen-checkout__field {
- display: block;
- margin-bottom: 16px;
-}
-
-.adyen-checkout__field--error input {
- border-color: #d81b4a;
- color: #d81b4a;
-}
-
-.adyen-checkout__field:last-child {
- margin-bottom: 0;
-}
-
-.adyen-checkout__label__text,
-.adyen-checkout__helper-text {
- color: #001b2b;
- display: block;
- font-size: 13px;
- font-weight: normal;
- line-height: 13px;
- padding-bottom: 8px;
-}
-
-.adyen-checkout__helper-text {
- color: #687282;
-}
-
-.adyen-checkout__label__text {
- transition: color 0.2s ease-out;
-}
-
-.adyen-checkout__label--focused .adyen-checkout__label__text {
- color: #0077bb;
-}
-
-.adyen-checkout__error-text,
-.adyen-checkout__label__text--error {
- color: #d81b4a;
- font-weight: normal;
- margin-top: 10px;
-}
-
-.adyen-checkout__radio_group__input {
- display: none;
-}
-
-.adyen-checkout__radio_group__label {
- padding-left: 24px;
- position: relative;
- display: block;
- margin-bottom: 8px;
-
- font-size: 13px;
- font-weight: normal;
- line-height: 16px;
-}
-
-.adyen-checkout__radio_group__label:before {
- content: '';
- position: absolute;
- background-color: #fff;
- border: 1px solid #b9c4c9;
- border-radius: 50%;
- height: 16px;
- width: 16px;
- left: 0;
- top: 0;
- transition: border-color 0.3s ease-out;
-}
-
-.adyen-checkout__radio_group__label:after {
- content: '';
- display: block;
- position: absolute;
- margin: 0 auto;
- left: 5px;
- top: 5px;
- height: 6px;
- width: 6px;
- background-color: #fff;
- border-radius: 50%;
- transform: scale(0);
- transition: transform 0.3s ease-out;
- box-shadow: 0 1px 1px rgba(0, 15, 45, 0.25);
-}
-
-.adyen-checkout__radio_group__label:hover {
- border-color: #00a3ff;
- cursor: pointer;
-}
-
-.adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:before,
-.adyen-checkout__radio_group__label--selected {
- background-color: #00a3ff;
- border: 0px solid transparent;
- transition: all 0.3s ease-out;
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.26);
-}
-
-.adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:after {
- transform: scale(1);
-}
-
-.adyen-checkout__checkbox {
- display: block;
-}
-
-.adyen-checkout__checkbox > input[type='checkbox'] {
- position: absolute;
- opacity: 0;
- pointer-events: none;
-}
-
-.adyen-checkout__checkbox__label {
- position: relative;
- padding-left: 24px;
- cursor: pointer;
- display: inline-block;
- line-height: 16px;
- font-size: 1rem;
- color: #001b2b;
- font-size: 13px;
- font-weight: normal;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-/* Check */
-.adyen-checkout__checkbox__input + span:before {
- content: '';
- position: absolute;
- top: 2px;
- left: 1px;
- width: 6px;
- height: 11px;
- border-top: 1px solid transparent;
- border-left: 1px solid transparent;
- border-right: 2px solid #fff;
- border-bottom: 2px solid #fff;
- -webkit-transform: rotateZ(37deg);
- transform: rotateZ(37deg);
- -webkit-transform-origin: 100% 100%;
- transform-origin: 100% 100%;
- z-index: 1;
- border-radius: 0px 2px 1px 2px;
- opacity: 0;
- transition: opacity 0.2s ease-out;
-}
-
-.adyen-checkout__checkbox__input:checked + span:before {
- opacity: 1;
-}
-
-/* Box */
-.adyen-checkout__checkbox__input + span:after {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- width: 16px;
- height: 16px;
- border-radius: 3px;
- background-color: #fff;
- border: 1px solid #b9c4c9;
- z-index: 0;
- transition: background 0.15s ease-out, border 0.05s ease-out, box-shadow 0.1s ease-out;
-}
-
-.adyen-checkout__checkbox__input:checked + span:after {
- border: 1px solid #00a3ff;
- background-color: #00a3ff;
-}
-
-.adyen-checkout__checkbox__input:focus + span:after {
- border: 1px solid #00a3ff;
- box-shadow: 0 0 0 2px #91d7ff;
-}
-
-.adyen-checkout__dropdown {
- width: 100%;
- max-width: 200px;
- font-size: 16px;
-}
-
-.adyen-checkout__dropdown--small {
- max-width: 130px;
- width: 100%;
-}
-
-.adyen-checkout__dropdown--large {
- max-width: 300px;
- width: 100%;
-}
-
-.adyen-checkout__dropdown__button {
- padding: 9px 20px 9px 8px;
- border: 1px solid #b9c4c9;
- background: #fff;
- border-radius: 3px;
- outline: 0;
- width: 100%;
- font-size: 16px;
- height: 40px;
- line-height: 20px;
- transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
-}
-
-.adyen-checkout__dropdown__button__icon {
- margin-right: 8px;
- max-width: 32px;
- max-height: 20px;
-}
-.adyen-checkout__dropdown__button--active,
-.adyen-checkout__dropdown__button:active,
-.adyen-checkout__dropdown__button:focus {
- border-color: #00a3ff;
- box-shadow: 0 0 0 2px #91d7ff;
-}
-
-.adyen-checkout__dropdown__list {
- z-index: 2;
- border-radius: 3px;
- margin-top: 2px;
- box-shadow: 0px 2px 7px rgba(0, 15, 45, 0.3);
-}
-
-.adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active {
- animation: expand 100ms ease-out;
-}
-
-.adyen-checkout__dropdown__element {
- padding: 8px;
- line-height: 20px;
- border: 1px solid transparent;
- border-bottom: 1px solid #e6e9eb;
- word-break: break-word;
- hyphens: auto;
- cursor: pointer;
- outline: 0;
- transition: background 0.2s ease-out, border-color 0.2s ease-out;
-}
-
-.adyen-checkout__dropdown__element:last-child {
- border-bottom: 0;
-}
-
-.adyen-checkout__dropdown__element:hover,
-.adyen-checkout__dropdown__element:focus,
-.adyen-checkout__dropdown__element:active {
- background: #f0f2f4;
-}
-
-.adyen-checkout__dropdown__element:active,
-.adyen-checkout__dropdown__element:focus {
- border-top-color: #00a3ff;
- border-bottom-color: #00a3ff;
-}
-
-.adyen-checkout__dropdown__element__icon {
- margin-right: 8px;
- max-width: 32px;
- max-height: 20px;
-}
-
-@keyframes expand {
- 0% {
- -webkit-transform: scale3d(1, 0, 1);
- transform: scale3d(1, 0, 1);
+@keyframes rotateSpinner{
+ 0%{
+ -webkit-transform:rotate(0deg);
+ transform:rotate(0deg)
}
- 100% {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
+ to{
+ -webkit-transform:rotate(1turn);
+ transform:rotate(1turn)
}
}
-.adyen-checkout__select-list {
- margin: 0;
- padding: 0;
-}
-
-.adyen-checkout__select-list__item {
- display: inline-block;
- padding: 9px;
- border-top: 1px solid #b9c4c9;
- background: #fff;
- outline: 0;
- width: 100%;
- font-size: 16px;
- cursor: pointer;
- line-height: 20px;
-}
-
-.adyen-checkout__select-list__item:first-child {
- border-top: 0;
-}
-
-.adyen-checkout__select-list__item:hover,
-.adyen-checkout__select-list__item:focus,
-.adyen-checkout__select-list__item:active {
- background: rgba(145, 215, 255, 0.5);
-}
-
-.adyen-checkout__select-list__item--selected {
- background: rgba(145, 215, 255, 0.5);
- font-weight: bold;
-}
-
-.adyen-checkout__input {
- color: #001b2b;
- font-size: 16px;
- font-family: inherit;
- display: block;
- height: 40px;
- background: white;
- border: 1px solid #b9c4c9;
- border-radius: 3px;
- padding: 5px 8px;
- position: relative;
- outline: none;
- width: 200px;
- transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
-}
-
-.adyen-checkout__input.adyen-checkout__input--small {
- width: 130px;
-}
-
-.adyen-checkout__input.adyen-checkout__input--large {
- width: 300px;
-}
-
-.adyen-checkout__input--error {
- border-color: #d0021b;
-}
-
-.adyen-checkout__input::placeholder {
- color: #90a2bd;
- font-weight: 200;
-}
-
-.adyen-checkout__input:active,
-.adyen-checkout__input--active,
-.adyen-checkout__input:focus {
- border: 1px solid #00a3ff;
- box-shadow: 0 0 0 2px #91d7ff;
-}
-
-.adyen-checkout__input[readonly] {
- background-color: #e6e9eb;
- color: #687282;
- cursor: default;
- border-color: transparent;
-}
-
-.open-invoice__field {
- margin-bottom: 15px;
-}
-
-.open-invoice__field select {
- background: #ffffff;
- border: 1px solid #d8d8d8;
- box-shadow: none;
- font-size: 0.93333333333em;
- height: 40px;
- margin-top: 4px;
- max-width: 420px;
- width: 100%;
- padding: 5px 8px;
- display: block;
-}
-
-.open-invoice__field input[type='text'],
-.open-invoice__field input[type='date'] {
- display: block;
- height: 35px;
- width: 100%;
- max-width: 420px;
-}
-
-.adyen-checkout__fieldset {
- display: block;
- padding-bottom: 30px;
- color: #687282;
- width: 100%;
-}
-
-.adyen-checkout__fieldset--readonly {
-}
-
-.adyen-checkout__fieldset--readonly p {
- color: #001b2b;
- font-size: 13px;
- line-height: 19px;
- margin: 0;
-}
-
-.adyen-checkout__fieldset--deliveryAddress {
- padding-top: 30px;
-}
-
-.adyen-checkout__fieldset__title {
- display: block;
- font-size: 11px;
- font-weight: bold;
- letter-spacing: 1px;
- text-transform: uppercase;
- padding: 0 0 20px;
- margin: 0;
- color: #687282;
-}
-
-.adyen-checkout__link__klarna--more-information {
- clear: both;
- display: block;
- padding: 10px 0 25px;
-}
-
-.adyen-checkout__applepay__button {
- width: 240px;
- height: 40px;
-}
-
-.adyen-checkout__card__exp-cvc {
- display: flex;
-}
-
-.adyen-checkout__card__cardNumber {
- max-width: 400px;
-}
-
-.adyen-checkout__card__exp-date__input--oneclick {
- line-height: 40px;
- height: 40px;
- font-weight: 400;
-}
-
-.adyen-checkout__card__exp-cvc .adyen-checkout__field {
- margin-right: 24px;
- margin-bottom: 0;
-}
-
-.adyen-checkout__card__form {
- margin-bottom: 16px;
-}
-
-.adyen-checkout__giropay__results {
- background: #fff;
- border: 1px solid #b9c4c9;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- max-height: 140px;
- min-height: 100px;
- overflow-y: scroll;
- width: 100%;
-}
-
-.adyen-checkout__giropay__no-results {
- color: #687282;
- display: block;
- font-size: 13px;
- padding: 0 0 0 2px;
-}
-
-.adyen-checkout__giropay__placeholder {
- color: #90a2bd;
- display: block;
- padding: 0 0 0 2px;
- font-weight: 200;
-}
-
-.adyen-checkout__giropay__loading {
- display: block;
- min-height: 100px;
-}
-
-.adyen-checkout__giropay__loading .adyen-checkout__spinner__wrapper {
- display: inline-block;
- vertical-align: middle;
-}
-
-.adyen-checkout__giropay__loading-text {
- color: #687282;
- font-size: 13px;
- line-height: 16px;
- vertical-align: middle;
-}
-
-.adyen-checkout__giropay__error {
- color: #d0021b;
- font-size: 13px;
-}
-
-.adyen-checkout__iban-input__number {
- text-transform: uppercase;
-}
-
-.adyen-checkout__wechatpay {
- background: #fff;
- padding: 40px;
- text-align: center;
- border: 1px solid rgb(221, 225, 227);
- border-radius: 3px;
- min-height: 443px;
-}
-
-.adyen-checkout__wechatpay__brand-logo {
- height: 20px;
- width: 109px;
-}
-
-.adyen-checkout__wechatpay__subtitle {
- margin-top: 32px;
-}
-
-.adyen-checkout__wechatpay__subtitle,
-.adyen-checkout__wechatpay__payment_amount {
- color: #001b2b;
- font-size: 16px;
- line-height: 19px;
-}
-
-.adyen-checkout__wechatpay__progress {
- height: 4px;
- background: #d4d9db;
- border-radius: 25px;
- margin: 32px auto 12px auto;
- width: 152px;
- padding-right: 3%;
-}
-
-.adyen-checkout__wechatpay__progress > span {
- display: block;
- height: 100%;
- border-radius: 25px;
- background: #00a3ff;
-}
-
-.adyen-checkout__wechatpay__countdown {
- color: #687282;
- font-size: 13px;
-}
-
-.adyen-checkout__wechatpay .adyen-checkout__spinner__wrapper {
- margin: 60px 0;
-}
-
-.adyen-checkout__alert {
- background-color: #00a3ff;
- align-items: flex-start;
- border-radius: 3px;
- color: #fff;
- display: flex;
- justify-content: space-between;
- line-height: 1;
- margin: 0;
- padding: 12px;
-}
-
-.adyen-checkout__alert--error {
- background-color: #d81b4a;
-}
-
-.adyen-checkout__alert--success {
- background-color: #0abf53;
-}
-
-.adyen-checkout__alert--info {
- background-color: #00a3ff;
-}
-
-.adyen-checkout__sdk,
-.adyen-checkout__sdk *,
-.adyen-checkout__sdk *:after,
-.adyen-checkout__sdk * :before {
- box-sizing: border-box;
-}
-
-.adyen-checkout__payment-methods-list {
- border-radius: 3px;
+.adyen-checkout__pay-button{
+ background:#001b2b;
+ border:0;
+ border-radius:3px;
+ box-shadow:0 3px 4px rgba(0,15,45,.2);
+ color:#fff;
+ cursor:pointer;
+ font-size:1em;
+ font-weight:700;
+ height:48px;
+ padding:15px;
+ transition:background .3s ease-out;
+ width:100%
+}
+.adyen-checkout__pay-button:disabled{
+ -moz-user-select:all;
+ -ms-user-select:all;
+ -webkit-user-select:all;
+ background:#e6e9eb;
+ box-shadow:none;
+ cursor:not-allowed;
+ user-select:all
+}
+.adyen-checkout__pay-button--loading{
+ -moz-user-select:none;
+ -ms-user-select:none;
+ -webkit-user-select:none;
+ background:#4c5f6b;
+ box-shadow:none;
+ outline:0;
+ pointer-events:none;
+ user-select:none
+}
+.adyen-checkout__pay-button .adyen-checkout__spinner{
+ border-color:transparent #fff #fff;
+ border-width:3px
+}
+.adyen-checkout__pay-button__content{
+ align-items:center;
+ display:flex;
+ justify-content:center
+}
+.adyen-checkout__payment-method{
+ background:#fff;
+ border:1px solid #edf0f3;
+ cursor:pointer;
+ margin-top:-1px;
+ position:relative;
+ transition:opacity .3s ease-out;
+ width:100%
+}
+.adyen-checkout__payment-method:focus{
+ outline:0
+}
+.adyen-checkout__payment-method--selected+.adyen-checkout__payment-method,.adyen-checkout__payment-method:first-child{
+ border-top-left-radius:3px;
+ border-top-right-radius:3px;
+ margin-top:0
+}
+.adyen-checkout__payment-method--next-selected{
+ border-bottom-left-radius:3px;
+ border-bottom-right-radius:3px
+}
+.adyen-checkout__payment-method--loading{
+ opacity:.2
+}
+.adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading{
+ opacity:.9
+}
+.adyen-checkout__payment-method--disabling{
+ opacity:.5
+}
+.adyen-checkout__payment-method__header{
+ align-items:center;
+ color:#00202e;
+ display:flex;
+ font-size:16px;
+ font-weight:400;
+ padding:16px;
+ position:relative;
+ transition:background .1s ease-out;
+ width:100%
+}
+.adyen-checkout__payment-method__surcharge{
+ color:#687282;
+ margin-left:5px
+}
+.adyen-checkout__payment-method--selected{
+ background:#f7f8f9;
+ border:1px solid #d4d9db;
+ border-radius:3px;
+ cursor:default;
+ margin:8px 0;
+ transition:margin .15s cubic-bezier(.4,0,.2,1) 0ms,opacity .3s ease-out
+}
+.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header{
+ font-weight:500
+}
+.adyen-checkout__payment-method__details{
+ padding:0 16px 16px
+}
+.adyen-checkout__payment-method__details__content{
+ padding:6px 0 24px
+}
+.adyen-checkout__payment-method__image__wrapper{
+ height:26px;
+ position:relative
+}
+.adyen-checkout__payment-method__image__wrapper:after{
+ border:1px solid rgba(0,27,43,.17);
+ border-radius:3px;
+ content:"";
+ height:100%;
+ left:0;
+ position:absolute;
+ top:0;
+ width:100%
+}
+.adyen-checkout__payment-method__image{
+ border-radius:3px
+}
+.adyen-checkout__payment-method__disable_oneclick{
+ background-color:transparent;
+ border:none;
+ color:#687282;
+ cursor:pointer;
+ display:block;
+ font-size:13px;
+ padding:0;
+ position:absolute;
+ right:70px;
+ text-decoration:underline
+}
+.adyen-checkout__payment-method__disable_oneclick:focus{
+ color:#00a3ff;
+ outline:0
+}
+.adyen-checkout__payment-method__disable-confirmation{
+ align-items:center;
+ background:#e6e9eb;
+ color:#001b2b;
+ display:flex;
+ font-size:15px;
+ justify-content:space-between;
+ margin-bottom:10px;
+ padding:8px 16px
+}
+.adyen-checkout__payment-method__disable-confirmation__buttons{
+ display:flex
+}
+.adyen-checkout__payment-method__disable-confirmation__button{
+ border:1px solid transparent;
+ border-radius:3px;
+ cursor:pointer;
+ font-size:13px;
+ line-height:15px;
+ margin:0 0 0 8px;
+ padding:8px
+}
+.adyen-checkout__payment-method__disable-confirmation__button--remove{
+ background:#d10244;
+ border-color:#d10244;
+ color:#fff
+}
+.adyen-checkout__payment-method__disable-confirmation__button--cancel{
+ background:transparent;
+ border-color:#001b2b;
+ color:#001b2b
+}
+.adyen-checkout__payment-method__radio{
+ background-color:#fff;
+ border:1px solid #b9c4c9;
+ border-radius:50%;
+ box-shadow:inset 0 1px 3px rgba(0,27,43,.15);
+ height:18px;
+ position:absolute;
+ right:20px;
+ transition:border-color .3s ease-out;
+ width:18px
+}
+.adyen-checkout__payment-method__radio:after{
+ -webkit-transform:translateY(-50%) scale(0);
+ background-color:#fff;
+ border-radius:50%;
+ box-shadow:0 1px 1px rgba(0,15,45,.25);
+ content:"";
+ display:block;
+ height:6px;
+ left:0;
+ margin:0 auto;
+ position:absolute;
+ right:0;
+ top:50%;
+ transform:translateY(-50%) scale(0);
+ transition:-webkit-transform .3s ease-out;
+ transition:transform .3s ease-out;
+ transition:transform .3s ease-out,-webkit-transform .3s ease-out;
+ width:6px
+}
+.adyen-checkout__payment-method__radio:hover{
+ border-color:#00a3ff;
+ cursor:pointer
+}
+.adyen-checkout__payment-method__radio--selected{
+ background-color:#00a3ff;
+ border:0 solid transparent;
+ box-shadow:inset 0 1px 2px rgba(0,0,0,.26);
+ transition:all .3s ease-out
+}
+.adyen-checkout__payment-method__radio--selected:after{
+ -webkit-transform:translateY(-50%) scale(1);
+ transform:translateY(-50%) scale(1)
+}
+.adyen-checkout__field{
+ display:block;
+ margin-bottom:16px
+}
+.adyen-checkout__field--error input{
+ border-color:#d81b4a;
+ color:#d81b4a
+}
+.adyen-checkout__field:last-child{
+ margin-bottom:0
+}
+.adyen-checkout__helper-text,.adyen-checkout__label__text{
+ color:#001b2b;
+ display:block;
+ font-size:13px;
+ font-weight:400;
+ line-height:13px;
+ padding-bottom:8px
+}
+.adyen-checkout__helper-text{
+ color:#687282
+}
+.adyen-checkout__label__text{
+ transition:color .2s ease-out
+}
+.adyen-checkout__label--focused .adyen-checkout__label__text{
+ color:#07b
+}
+.adyen-checkout__error-text,.adyen-checkout__label__text--error{
+ align-items:center;
+ color:#d0021b;
+ display:flex;
+ font-size:12px;
+ font-weight:400;
+ margin-top:4px
+}
+.adyen-checkout__icon svg{
+ fill:currentColor
+}
+.adyen-checkout__open-invoice .adyen-checkout__input--wrapper--socialSecurityNumber+.adyen-checkout__error-text{
+ max-width:380px
+}
+.adyen-checkout__radio_group+.adyen-checkout-input__inline-validation{
+ display:none
+}
+.adyen-checkout__radio_group__input{
+ opacity:0;
+ position:absolute
+}
+.adyen-checkout__radio_group__label{
+ display:block;
+ font-size:13px;
+ font-weight:400;
+ line-height:16px;
+ margin-bottom:8px;
+ padding-bottom:0;
+ padding-left:24px;
+ position:relative
+}
+.adyen-checkout__radio_group__label:before{
+ background-color:#fff;
+ border:1px solid #b9c4c9;
+ border-radius:50%;
+ content:"";
+ height:16px;
+ left:0;
+ position:absolute;
+ top:0;
+ transition:border-color .3s ease-out;
+ width:16px
+}
+.adyen-checkout__radio_group__label:after{
+ -webkit-transform:scale(0);
+ background-color:#fff;
+ border-radius:50%;
+ box-shadow:0 1px 1px rgba(0,15,45,.25);
+ content:"";
+ display:block;
+ height:6px;
+ left:5px;
+ margin:0 auto;
+ position:absolute;
+ top:5px;
+ transform:scale(0);
+ transition:-webkit-transform .3s ease-out;
+ transition:transform .3s ease-out;
+ transition:transform .3s ease-out,-webkit-transform .3s ease-out;
+ width:6px
+}
+.adyen-checkout__radio_group__label:hover{
+ border-color:#00a3ff;
+ cursor:pointer
+}
+.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__label--selected{
+ background-color:#00a3ff;
+ border:0 solid transparent;
+ box-shadow:inset 0 1px 2px rgba(0,0,0,.26);
+ transition:all .3s ease-out
+}
+.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:after{
+ -webkit-transform:scale(1);
+ transform:scale(1)
+}
+.adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before{
+ border:1px solid #d10244
+}
+.adyen-checkout__checkbox{
+ display:block
+}
+.adyen-checkout__checkbox>input[type=checkbox]{
+ opacity:0;
+ pointer-events:none;
+ position:absolute
+}
+.adyen-checkout__checkbox__label{
+ -moz-user-select:none;
+ -ms-user-select:none;
+ -webkit-user-select:none;
+ color:#001b2b;
+ cursor:pointer;
+ display:inline-block;
+ font-size:13px;
+ font-weight:400;
+ line-height:16px;
+ padding-left:24px;
+ position:relative;
+ user-select:none
+}
+.adyen-checkout__checkbox__input+span:before{
+ -webkit-transform:rotate(37deg);
+ -webkit-transform-origin:100% 100%;
+ border-color:transparent #fff #fff transparent;
+ border-radius:0 2px 1px 2px;
+ border-style:solid;
+ border-width:1px 2px 2px 1px;
+ content:"";
+ height:11px;
+ left:1px;
+ opacity:0;
+ position:absolute;
+ top:2px;
+ transform:rotate(37deg);
+ transform-origin:100% 100%;
+ transition:opacity .2s ease-out;
+ width:6px;
+ z-index:1
+}
+.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:before{
+ opacity:1
+}
+.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after{
+ background-color:#fff;
+ border:1px solid #b9c4c9;
+ border-radius:3px;
+ content:"";
+ height:16px;
+ left:0;
+ position:absolute;
+ top:0;
+ transition:background .15s ease-out,border .05s ease-out,box-shadow .1s ease-out;
+ width:16px;
+ z-index:0
+}
+.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:after{
+ background-color:#00a3ff;
+ border:1px solid #00a3ff
+}
+.adyen-checkout__checkbox__input:focus+span:after{
+ border:1px solid #00a3ff;
+ box-shadow:0 0 0 2px #91d7ff
+}
+.adyen-checkout__checkbox__input.adyen-checkout__checkbox__input--invalid+.adyen-checkout__checkbox__label:after{
+ border:1px solid #d10244
+}
+.adyen-checkout__dropdown{
+ font-size:16px;
+ max-width:100%;
+ width:200px
+}
+.adyen-checkout__dropdown--small{
+ width:130px
+}
+.adyen-checkout__dropdown--large{
+ width:300px
+}
+.adyen-checkout__dropdown__button{
+ background:#fff;
+ border:1px solid #b9c4c9;
+ border-radius:3px;
+ font-size:16px;
+ height:40px;
+ line-height:20px;
+ outline:0;
+ padding:9px 20px 9px 8px;
+ transition:border .2s ease-out,box-shadow .2s ease-out;
+ width:100%
+}
+.adyen-checkout__dropdown__button__icon{
+ margin-right:8px;
+ max-height:20px;
+ max-width:32px
+}
+.adyen-checkout__dropdown__button--active,.adyen-checkout__dropdown__button:active,.adyen-checkout__dropdown__button:focus{
+ border-color:#00a3ff;
+ box-shadow:0 0 0 2px #91d7ff
+}
+.adyen-checkout__dropdown__button--readonly,.adyen-checkout__dropdown__button--readonly.adyen-checkout__dropdown__button--active{
+ background:#e6e9eb;
+ color:#001b2b;
+ cursor:not-allowed
+}
+.adyen-checkout__dropdown__button--invalid{
+ border-color:#d10244
+}
+.adyen-checkout__dropdown__button__text{
+ overflow:hidden;
+ text-overflow:ellipsis;
+ white-space:nowrap
+}
+.adyen-checkout__dropdown__list{
+ border-radius:3px;
+ box-shadow:0 2px 7px rgba(0,15,45,.3);
+ margin-top:2px;
+ z-index:2
+}
+.adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active{
+ -webkit-animation:expand .1s ease-out;
+ animation:expand .1s ease-out
+}
+.adyen-checkout__dropdown__element{
+ -ms-hyphens:auto;
+ -webkit-hyphens:auto;
+ border:1px solid transparent;
+ border-bottom-color:#e6e9eb;
+ cursor:pointer;
+ hyphens:auto;
+ line-height:20px;
+ outline:0;
+ padding:8px;
+ transition:background .2s ease-out,border-color .2s ease-out;
+ word-break:break-word
+}
+.adyen-checkout__dropdown__element:last-child{
+ border-bottom:0
+}
+.adyen-checkout__dropdown__element:active,.adyen-checkout__dropdown__element:focus,.adyen-checkout__dropdown__element:hover{
+ background:#f0f2f4
+}
+.adyen-checkout__dropdown__element:active,.adyen-checkout__dropdown__element:focus{
+ border-bottom-color:#00a3ff;
+ border-top-color:#00a3ff
+}
+.adyen-checkout__dropdown__element__icon{
+ margin-right:8px;
+ max-height:20px;
+ max-width:32px
+}
+@-webkit-keyframes expand{
+ 0%{
+ -webkit-transform:scaleY(0);
+ transform:scaleY(0)
+ }
+ to{
+ -webkit-transform:scaleX(1);
+ transform:scaleX(1)
+ }
}
-
-.adyen-checkout__payment-methods-list--loading {
- user-select: none;
- pointer-events: none;
+@keyframes expand{
+ 0%{
+ -webkit-transform:scaleY(0);
+ transform:scaleY(0)
+ }
+ to{
+ -webkit-transform:scaleX(1);
+ transform:scaleX(1)
+ }
}
-/* Forms */
-
-.adyen-checkout__link {
- color: #687282;
- font-size: 13px;
- text-decoration: underline;
-}
+.adyen-checkout__dropdown+.adyen-checkout-input__inline-validation{
+ right:32px
+}
+.adyen-checkout__select-list{
+ margin:0;
+ padding:0
+}
+.adyen-checkout__select-list__item{
+ background:#fff;
+ border-top:1px solid #b9c4c9;
+ cursor:pointer;
+ display:inline-block;
+ font-size:16px;
+ line-height:20px;
+ outline:0;
+ padding:9px;
+ width:100%
+}
+.adyen-checkout__select-list__item:first-child{
+ border-top:0
+}
+.adyen-checkout__select-list__item:active,.adyen-checkout__select-list__item:focus,.adyen-checkout__select-list__item:hover{
+ background:rgba(145,215,255,.5)
+}
+.adyen-checkout__select-list__item--selected{
+ background:rgba(145,215,255,.5);
+ font-weight:700
+}
+.adyen-checkout__input{
+ background:#fff;
+ border:1px solid #b9c4c9;
+ border-radius:3px;
+ color:#001b2b;
+ display:block;
+ font-family:inherit;
+ font-size:16px;
+ height:40px;
+ outline:none;
+ padding:5px 8px;
+ position:relative;
+ transition:border .2s ease-out,box-shadow .2s ease-out;
+ width:200px
+}
+.adyen-checkout__input:required{
+ box-shadow:none
+}
+.adyen-checkout__input--wrapper{
+ display:inline-block;
+ position:relative
+}
+.adyen-checkout__input--wrapper--block{
+ display:block
+}
+.adyen-checkout-input__inline-validation{
+ -webkit-transform:translateY(-50%);
+ height:16px;
+ position:absolute;
+ right:14px;
+ top:50%;
+ transform:translateY(-50%);
+ width:16px
+}
+.adyen-checkout-input__inline-validation--valid{
+ color:#039450
+}
+.adyen-checkout-input__inline-validation--invalid{
+ color:#d10244
+}
+.adyen-checkout__input.adyen-checkout__input--small{
+ width:130px
+}
+.adyen-checkout__input.adyen-checkout__input--large{
+ width:300px
+}
+.adyen-checkout__input.adyen-checkout__input--invalid{
+ border-color:#d10244
+}
+.adyen-checkout__input.adyen-checkout__input--valid{
+ border-bottom-color:#04ba65
+}
+.adyen-checkout__input--error{
+ border-color:#d0021b
+}
+.adyen-checkout__input::-webkit-input-placeholder{
+ color:#90a2bd;
+ font-weight:200
+}
+.adyen-checkout__input::-ms-input-placeholder{
+ color:#90a2bd;
+ font-weight:200
+}
+.adyen-checkout__input::placeholder{
+ color:#90a2bd;
+ font-weight:200
+}
+.adyen-checkout__input--active,.adyen-checkout__input:active,.adyen-checkout__input:focus{
+ border:1px solid #00a3ff;
+ box-shadow:0 0 0 2px #91d7ff
+}
+.adyen-checkout__input[readonly]{
+ background-color:#e6e9eb;
+ border-color:transparent;
+ color:#687282;
+ cursor:default
+}
+.adyen-checkout__fieldset{
+ color:#687282;
+ display:block;
+ padding-bottom:30px;
+ width:100%
+}
+.adyen-checkout__fieldset__title{
+ color:#687282;
+ display:block;
+ font-size:11px;
+ font-weight:700;
+ letter-spacing:1px;
+ margin:0;
+ padding:0 0 20px;
+ text-transform:uppercase
+}
+.adyen-checkout__fieldset--readonly{
+ color:#001b2b;
+ font-size:13px;
+ line-height:19px;
+ margin:0
+}
+.adyen-checkout__open-invoice .adyen-checkout__checkbox--consent-checkbox{
+ max-width:540px
+}
+.adyen-checkout__open-invoice .adyen-checkout__checkbox+.adyen-checkout__open-invoice .adyen-checkout__fieldset{
+ padding-top:30px
+}
+.adyen-checkout__open-invoice .adyen-checkout__checkbox{
+ margin:0 0 20px
+}
+.adyen-checkout__applepay__button{
+ height:40px;
+ width:240px
+}
+.adyen-checkout__card-input__form{
+ transition:opacity .25s ease-out
+}
+.adyen-checkout__card__exp-cvc{
+ display:flex
+}
+.adyen-checkout__card__cardNumber{
+ max-width:400px
+}
+.adyen-checkout__card__cardNumber__input{
+ padding:5px 8px 5px 57px
+}
+.adyen-checkout__card__exp-date__input--oneclick{
+ font-weight:400;
+ height:40px;
+ line-height:40px
+}
+.adyen-checkout__card__exp-cvc .adyen-checkout__field{
+ margin-bottom:0;
+ margin-right:24px
+}
+.adyen-checkout__card-input .adyen-checkout__store-details{
+ margin-top:16px
+}
+.adyen-checkout__giropay__results{
+ background:#fff;
+ border:1px solid #b9c4c9;
+ border-radius:4px;
+ max-height:140px;
+ min-height:100px;
+ overflow-y:scroll;
+ width:100%
+}
+.adyen-checkout__giropay__no-results{
+ color:#687282;
+ display:block;
+ font-size:13px;
+ padding:0 0 0 2px
+}
+.adyen-checkout__giropay__placeholder{
+ color:#90a2bd;
+ display:block;
+ font-weight:200;
+ padding:0 0 0 2px
+}
+.adyen-checkout__giropay__loading{
+ display:block;
+ min-height:100px
+}
+.adyen-checkout__giropay__loading .adyen-checkout__spinner__wrapper{
+ display:inline-block;
+ vertical-align:middle
+}
+.adyen-checkout__giropay__loading-text{
+ color:#687282;
+ font-size:13px;
+ line-height:16px;
+ vertical-align:middle
+}
+.adyen-checkout__giropay__error{
+ color:#d0021b;
+ font-size:13px
+}
+.adyen-checkout__phone-input{
+ display:flex
+}
+.adyen-checkout__phone-input__prefix{
+ margin-right:.5em
+}
+.adyen-checkout__phone-input .adyen-checkout__field{
+ margin-bottom:0
+}
+.adyen-checkout__iban-input__number{
+ padding:5px 36px 5px 8px;
+ text-transform:uppercase
+}
+.adyen-checkout__wechatpay{
+ background:#fff;
+ border:1px solid #dde1e3;
+ border-radius:3px;
+ min-height:443px;
+ padding:40px;
+ text-align:center
+}
+.adyen-checkout__wechatpay__brand-logo{
+ height:20px;
+ width:109px
+}
+.adyen-checkout__wechatpay__subtitle{
+ margin-top:32px
+}
+.adyen-checkout__wechatpay__payment_amount,.adyen-checkout__wechatpay__subtitle{
+ color:#001b2b;
+ font-size:16px;
+ line-height:19px
+}
+.adyen-checkout__wechatpay__progress{
+ background:#d4d9db;
+ border-radius:25px;
+ height:4px;
+ margin:32px auto 12px;
+ padding-right:3%;
+ width:152px
+}
+.adyen-checkout__wechatpay__progress>span{
+ background:#00a3ff;
+ border-radius:25px;
+ display:block;
+ height:100%
+}
+.adyen-checkout__wechatpay__countdown{
+ color:#687282;
+ font-size:13px
+}
+.adyen-checkout__wechatpay .adyen-checkout__spinner__wrapper{
+ margin:60px 0
+}
+.adyen-checkout__alert{
+ align-items:flex-start;
+ background-color:#00a3ff;
+ border-radius:3px;
+ color:#fff;
+ display:flex;
+ justify-content:space-between;
+ line-height:1;
+ margin:0;
+ padding:12px
+}
+.adyen-checkout__alert--error{
+ background-color:#d81b4a
+}
+.adyen-checkout__alert--success{
+ background-color:#0abf53
+}
+.adyen-checkout__alert--info{
+ background-color:#00a3ff
+}
+.adyen-checkout__sdk,.adyen-checkout__sdk *,.adyen-checkout__sdk * :before,.adyen-checkout__sdk :after{
+ box-sizing:border-box
+}
+.adyen-checkout__payment-methods-list{
+ border-radius:3px
+}
+.adyen-checkout__payment-methods-list--loading{
+ -moz-user-select:none;
+ -ms-user-select:none;
+ -webkit-user-select:none;
+ pointer-events:none;
+ user-select:none
+}
+.adyen-checkout__link{
+ color:#687282;
+ font-size:13px;
+ text-decoration:underline
+}
+
+/* Checkout component Adyen styling end */
diff --git a/view/base/web/images/logos/ach.png b/view/base/web/images/logos/ach.png
new file mode 100644
index 000000000..0fe08e8c0
Binary files /dev/null and b/view/base/web/images/logos/ach.png differ
diff --git a/view/base/web/images/logos/billdesk_online.png b/view/base/web/images/logos/billdesk_online.png
new file mode 100644
index 000000000..452bc17c4
Binary files /dev/null and b/view/base/web/images/logos/billdesk_online.png differ
diff --git a/view/base/web/images/logos/billdesk_upi.png b/view/base/web/images/logos/billdesk_upi.png
new file mode 100644
index 000000000..31ca93eab
Binary files /dev/null and b/view/base/web/images/logos/billdesk_upi.png differ
diff --git a/view/base/web/images/logos/billdesk_wallet.png b/view/base/web/images/logos/billdesk_wallet.png
new file mode 100644
index 000000000..a572a8fa8
Binary files /dev/null and b/view/base/web/images/logos/billdesk_wallet.png differ
diff --git a/view/base/web/images/logos/cc_border.png b/view/base/web/images/logos/cc_border.png
new file mode 100644
index 000000000..e8f178f09
Binary files /dev/null and b/view/base/web/images/logos/cc_border.png differ
diff --git a/view/base/web/images/logos/doku_alfamart.png b/view/base/web/images/logos/doku_alfamart.png
new file mode 100644
index 000000000..334672500
Binary files /dev/null and b/view/base/web/images/logos/doku_alfamart.png differ
diff --git a/view/base/web/images/logos/doku_bca_va.png b/view/base/web/images/logos/doku_bca_va.png
new file mode 100644
index 000000000..e7fc3f586
Binary files /dev/null and b/view/base/web/images/logos/doku_bca_va.png differ
diff --git a/view/base/web/images/logos/doku_cimb_va.png b/view/base/web/images/logos/doku_cimb_va.png
new file mode 100644
index 000000000..ba1ef4c46
Binary files /dev/null and b/view/base/web/images/logos/doku_cimb_va.png differ
diff --git a/view/base/web/images/logos/doku_danamon_va.png b/view/base/web/images/logos/doku_danamon_va.png
new file mode 100644
index 000000000..4790af9ff
Binary files /dev/null and b/view/base/web/images/logos/doku_danamon_va.png differ
diff --git a/view/base/web/images/logos/doku_indomaret.png b/view/base/web/images/logos/doku_indomaret.png
new file mode 100644
index 000000000..bc0b0fa10
Binary files /dev/null and b/view/base/web/images/logos/doku_indomaret.png differ
diff --git a/view/base/web/images/logos/doku_permata_lite_atm.png b/view/base/web/images/logos/doku_permata_lite_atm.png
new file mode 100644
index 000000000..916a8d6c7
Binary files /dev/null and b/view/base/web/images/logos/doku_permata_lite_atm.png differ
diff --git a/view/base/web/images/logos/doku_sinarmas_va.png b/view/base/web/images/logos/doku_sinarmas_va.png
new file mode 100644
index 000000000..c2563ee79
Binary files /dev/null and b/view/base/web/images/logos/doku_sinarmas_va.png differ
diff --git a/view/base/web/images/logos/doku_wallet.png b/view/base/web/images/logos/doku_wallet.png
new file mode 100644
index 000000000..b6159e5f4
Binary files /dev/null and b/view/base/web/images/logos/doku_wallet.png differ
diff --git a/view/base/web/images/logos/dragonpay_credits.png b/view/base/web/images/logos/dragonpay_credits.png
new file mode 100644
index 000000000..62aa3c054
Binary files /dev/null and b/view/base/web/images/logos/dragonpay_credits.png differ
diff --git a/view/base/web/images/logos/dragonpay_ebanking.png b/view/base/web/images/logos/dragonpay_ebanking.png
new file mode 100644
index 000000000..62aa3c054
Binary files /dev/null and b/view/base/web/images/logos/dragonpay_ebanking.png differ
diff --git a/view/base/web/images/logos/dragonpay_gcash.png b/view/base/web/images/logos/dragonpay_gcash.png
new file mode 100644
index 000000000..63f9ef553
Binary files /dev/null and b/view/base/web/images/logos/dragonpay_gcash.png differ
diff --git a/view/base/web/images/logos/dragonpay_otc_banking.png b/view/base/web/images/logos/dragonpay_otc_banking.png
new file mode 100644
index 000000000..62aa3c054
Binary files /dev/null and b/view/base/web/images/logos/dragonpay_otc_banking.png differ
diff --git a/view/base/web/images/logos/dragonpay_otc_non_banking.png b/view/base/web/images/logos/dragonpay_otc_non_banking.png
new file mode 100644
index 000000000..62aa3c054
Binary files /dev/null and b/view/base/web/images/logos/dragonpay_otc_non_banking.png differ
diff --git a/view/base/web/images/logos/dragonpay_otc_philippines.png b/view/base/web/images/logos/dragonpay_otc_philippines.png
new file mode 100644
index 000000000..367bdec9b
Binary files /dev/null and b/view/base/web/images/logos/dragonpay_otc_philippines.png differ
diff --git a/view/base/web/images/logos/econtext_online.png b/view/base/web/images/logos/econtext_online.png
new file mode 100644
index 000000000..c9e0bb3c2
Binary files /dev/null and b/view/base/web/images/logos/econtext_online.png differ
diff --git a/view/base/web/images/logos/facilypay_3x.png b/view/base/web/images/logos/facilypay_3x.png
new file mode 100644
index 000000000..21ade9efb
Binary files /dev/null and b/view/base/web/images/logos/facilypay_3x.png differ
diff --git a/view/base/web/images/logos/facilypay_4x.png b/view/base/web/images/logos/facilypay_4x.png
new file mode 100644
index 000000000..21ade9efb
Binary files /dev/null and b/view/base/web/images/logos/facilypay_4x.png differ
diff --git a/view/base/web/images/logos/inicisIniPay_creditcard.png b/view/base/web/images/logos/inicisIniPay_creditcard.png
new file mode 100644
index 000000000..b88779280
Binary files /dev/null and b/view/base/web/images/logos/inicisIniPay_creditcard.png differ
diff --git a/view/base/web/images/logos/inicisMobile_creditcard.png b/view/base/web/images/logos/inicisMobile_creditcard.png
new file mode 100644
index 000000000..b88779280
Binary files /dev/null and b/view/base/web/images/logos/inicisMobile_creditcard.png differ
diff --git a/view/base/web/images/logos/inicis_creditcard.png b/view/base/web/images/logos/inicis_creditcard.png
new file mode 100644
index 000000000..65853e555
Binary files /dev/null and b/view/base/web/images/logos/inicis_creditcard.png differ
diff --git a/view/base/web/images/logos/ipay.png b/view/base/web/images/logos/ipay.png
new file mode 100644
index 000000000..19c2dcc70
Binary files /dev/null and b/view/base/web/images/logos/ipay.png differ
diff --git a/view/base/web/images/logos/molpay_cash.png b/view/base/web/images/logos/molpay_cash.png
new file mode 100644
index 000000000..c3ee925a6
Binary files /dev/null and b/view/base/web/images/logos/molpay_cash.png differ
diff --git a/view/base/web/images/logos/molpay_ebanking_MY.png b/view/base/web/images/logos/molpay_ebanking_MY.png
new file mode 100644
index 000000000..c9e0bb3c2
Binary files /dev/null and b/view/base/web/images/logos/molpay_ebanking_MY.png differ
diff --git a/view/base/web/images/logos/molpay_ebanking_TH.png b/view/base/web/images/logos/molpay_ebanking_TH.png
new file mode 100644
index 000000000..c9e0bb3c2
Binary files /dev/null and b/view/base/web/images/logos/molpay_ebanking_TH.png differ
diff --git a/view/base/web/images/logos/molpay_ebanking_VN.png b/view/base/web/images/logos/molpay_ebanking_VN.png
new file mode 100644
index 000000000..c9e0bb3c2
Binary files /dev/null and b/view/base/web/images/logos/molpay_ebanking_VN.png differ
diff --git a/view/base/web/images/logos/molpay_ebanking_fpx_MY.png b/view/base/web/images/logos/molpay_ebanking_fpx_MY.png
new file mode 100644
index 000000000..c9e0bb3c2
Binary files /dev/null and b/view/base/web/images/logos/molpay_ebanking_fpx_MY.png differ
diff --git a/view/base/web/images/logos/molpay_epay.png b/view/base/web/images/logos/molpay_epay.png
new file mode 100644
index 000000000..c3583acca
Binary files /dev/null and b/view/base/web/images/logos/molpay_epay.png differ
diff --git a/view/base/web/images/logos/molpay_esapay.png b/view/base/web/images/logos/molpay_esapay.png
new file mode 100644
index 000000000..151a52205
Binary files /dev/null and b/view/base/web/images/logos/molpay_esapay.png differ
diff --git a/view/base/web/images/logos/molpay_rhb.png b/view/base/web/images/logos/molpay_rhb.png
new file mode 100644
index 000000000..c1b1f5ec8
Binary files /dev/null and b/view/base/web/images/logos/molpay_rhb.png differ
diff --git a/view/base/web/images/logos/molpay_wallet.png b/view/base/web/images/logos/molpay_wallet.png
new file mode 100644
index 000000000..74064f8a6
Binary files /dev/null and b/view/base/web/images/logos/molpay_wallet.png differ
diff --git a/view/base/web/images/logos/momo_wallet.png b/view/base/web/images/logos/momo_wallet.png
new file mode 100644
index 000000000..c4a849779
Binary files /dev/null and b/view/base/web/images/logos/momo_wallet.png differ
diff --git a/view/base/web/images/logos/neteller.png b/view/base/web/images/logos/neteller.png
new file mode 100644
index 000000000..c89987e3a
Binary files /dev/null and b/view/base/web/images/logos/neteller.png differ
diff --git a/view/base/web/images/logos/paytm.png b/view/base/web/images/logos/paytm.png
new file mode 100644
index 000000000..a49e51400
Binary files /dev/null and b/view/base/web/images/logos/paytm.png differ
diff --git a/view/base/web/images/logos/ratepay.png b/view/base/web/images/logos/ratepay.png
new file mode 100644
index 000000000..9edc5017a
Binary files /dev/null and b/view/base/web/images/logos/ratepay.png differ
diff --git a/view/base/web/images/logos/yandex_alfaclick.png b/view/base/web/images/logos/yandex_alfaclick.png
new file mode 100644
index 000000000..9e39ba5c8
Binary files /dev/null and b/view/base/web/images/logos/yandex_alfaclick.png differ
diff --git a/view/base/web/images/logos/yandex_cash.png b/view/base/web/images/logos/yandex_cash.png
new file mode 100644
index 000000000..c65fd0935
Binary files /dev/null and b/view/base/web/images/logos/yandex_cash.png differ
diff --git a/view/base/web/images/logos/yandex_money.png b/view/base/web/images/logos/yandex_money.png
new file mode 100644
index 000000000..9d3558d9e
Binary files /dev/null and b/view/base/web/images/logos/yandex_money.png differ
diff --git a/view/base/web/images/logos/yandex_promsvyazbank.png b/view/base/web/images/logos/yandex_promsvyazbank.png
new file mode 100644
index 000000000..a418e3cfc
Binary files /dev/null and b/view/base/web/images/logos/yandex_promsvyazbank.png differ
diff --git a/view/base/web/images/logos/yandex_sberbank.png b/view/base/web/images/logos/yandex_sberbank.png
new file mode 100644
index 000000000..e3c60d7e9
Binary files /dev/null and b/view/base/web/images/logos/yandex_sberbank.png differ
diff --git a/view/base/web/images/logos/yandex_webmoney.png b/view/base/web/images/logos/yandex_webmoney.png
new file mode 100644
index 000000000..80004e027
Binary files /dev/null and b/view/base/web/images/logos/yandex_webmoney.png differ
diff --git a/view/frontend/layout/adyen_process_redirect.xml b/view/frontend/layout/adyen_process_redirect.xml
index 872919f7c..2dc6049b7 100755
--- a/view/frontend/layout/adyen_process_redirect.xml
+++ b/view/frontend/layout/adyen_process_redirect.xml
@@ -24,6 +24,6 @@
-->
-
+
\ No newline at end of file
diff --git a/view/frontend/layout/adyen_process_validate3d.xml b/view/frontend/layout/adyen_process_validate3d.xml
deleted file mode 100755
index 64d750bcf..000000000
--- a/view/frontend/layout/adyen_process_validate3d.xml
+++ /dev/null
@@ -1,29 +0,0 @@
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/view/frontend/layout/checkout_index_index.xml b/view/frontend/layout/checkout_index_index.xml
index b5be3a978..9e556212d 100755
--- a/view/frontend/layout/checkout_index_index.xml
+++ b/view/frontend/layout/checkout_index_index.xml
@@ -55,9 +55,6 @@
-
- true
- -
-
- true
-
-
- true
diff --git a/view/frontend/layout/checkout_onepage_success.xml b/view/frontend/layout/checkout_onepage_success.xml
index ca8dfdbb8..7f16ed133 100644
--- a/view/frontend/layout/checkout_onepage_success.xml
+++ b/view/frontend/layout/checkout_onepage_success.xml
@@ -25,7 +25,7 @@
-
+
diff --git a/view/frontend/templates/checkout/success.phtml b/view/frontend/templates/checkout/success.phtml
index 7043b6fc2..25bf0de25 100644
--- a/view/frontend/templates/checkout/success.phtml
+++ b/view/frontend/templates/checkout/success.phtml
@@ -25,11 +25,100 @@
* @var \Adyen\Payment\Block\Checkout\Success $block
*/
?>
-isBoletoPayment()) :?>
-
- escapeHtml(__('Boleto PDF: ')); ?>
-
- escapeHtml(__('Click here to download the Boleto PDF')); ?>
-
-
+isBoletoPayment()) : ?>
+
+ escapeHtml(__('Boleto PDF: ')); ?>
+
+ escapeHtml(__('Click here to download the Boleto PDF')); ?>
+
+
+
+getBankTransferData())) : ?>
+ getBankTransferData();
+ $order = $block->getOrder();
+ ?>
+ escapeHtml(__('Pay using Bank transfer')); ?>
+ escapeHtml(__('Please transfer the amount using the reference below to the following bank account')); ?>
+
+
+ getGrandTotal())) : ?>
+
+ escapeHtml(__('Amount')); ?> |
+ formatPrice($order->getGrandTotal()); ?> |
+
+
+
+
+
+ escapeHtml(__('With reference')); ?> |
+ |
+
+
+
+
+
+ escapeHtml(__('Beneficiary Name')); ?> |
+ |
+
+
+
+
+
+ escapeHtml(__('Bank')); ?> |
+ |
+
+
+
+
+
+ escapeHtml(__('Bankaccount')); ?> |
+ |
+
+
+
+
+
+
+getMultibancoData())) : ?>
+ getMultibancoData();
+ ?>
+ escapeHtml(__('Pay using Multibanco')); ?>
+ escapeHtml(__('Please pay with the provided Multibanco reference and entity before payment deadline in order to complete our payment')); ?>
+
+
+
+
+
+ escapeHtml(__('Entity')); ?> |
+ |
+
+
+
+
+
+ escapeHtml(__('Reference')); ?> |
+ |
+
+
+
+
+
+ escapeHtml(__('Amount')); ?> |
+ |
+
+
+
+
+
+ escapeHtml(__('Payment deadline')); ?> |
+ escapeHtml(__('Days')); ?> |
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/view/frontend/templates/info/adyen_hpp.phtml b/view/frontend/templates/info/adyen_hpp.phtml
index 24a953db9..2c3caab46 100644
--- a/view/frontend/templates/info/adyen_hpp.phtml
+++ b/view/frontend/templates/info/adyen_hpp.phtml
@@ -28,20 +28,72 @@
$_info = $this->getInfo();
?>
-isPaymentSelectionOnAdyen();?>
-
+ getBankTransferData())) : ?>
+ getBankTransferData();
+ $order = $block->getOrder();
+ ?>
-
- - escapeHtml($block->getMethod()->getTitle()) ?>
-
+ - escapeHtml(__('Pay using Bank transfer')); ?>
+ - escapeHtml(__('Please transfer the amount using the reference below to the following bank account')); ?>
- getAdditionalInformation('method_title')):?>
-
- getAdditionalInformation('brand_code')):?>
-
-
+ getGrandTotal())) : ?>
+ - escapeHtml(__('Amount')); ?>
+ - formatPrice($order->getGrandTotal()); ?>
+
+
+
+ - escapeHtml(__('With reference')); ?>
+
+
+
+
+ - escapeHtml(__('Beneficiary Name')); ?>
+
+
+
+
+ - escapeHtml(__('Bank')); ?>
+
+
-
+
+ - escapeHtml(__('Bankaccount')); ?>
+
+
+ getMultibancoData())) : ?>
+ getMultibancoData();
+ ?>
+ - escapeHtml(__('Pay using Multibanco')); ?>
+ - escapeHtml(__('Please pay with the provided Multibanco reference and entity before payment deadline in order to complete our payment')); ?>
+
+
+ - escapeHtml(__('Entity')); ?>
+
+
+
+
+ - escapeHtml(__('Reference')); ?>
+
+
+
+
+ - escapeHtml(__('Amount')); ?>
+
+
+
+
+ - escapeHtml(__('Deadline')); ?>
+ - escapeHtml(__('Days')); ?>
+
+
+ getAdditionalInformation('method_title')): ?>
+
+ getAdditionalInformation('brand_code')): ?>
+
+
+
diff --git a/view/frontend/templates/info/adyen_sepa.phtml b/view/frontend/templates/info/adyen_sepa.phtml
deleted file mode 100644
index 522eadb9a..000000000
--- a/view/frontend/templates/info/adyen_sepa.phtml
+++ /dev/null
@@ -1,34 +0,0 @@
-
- */
-
-// @codingStandardsIgnoreFile
-
-?>
-getInfo();
-?>
-
-
- escapeHtml($this->getMethod()->getTitle()) ?>
- - escapeHtml($block->getMethod()->getTitle()) ?>
-
diff --git a/view/frontend/templates/redirect/hpp/form.phtml b/view/frontend/templates/redirect/hpp/form.phtml
deleted file mode 100755
index 045a6902d..000000000
--- a/view/frontend/templates/redirect/hpp/form.phtml
+++ /dev/null
@@ -1,44 +0,0 @@
-
- */
-?>
-
-
-
-
-
-
-
-
-
-
-
diff --git a/view/frontend/templates/redirect/cc/3dform.phtml b/view/frontend/templates/redirect/redirect.phtml
old mode 100755
new mode 100644
similarity index 53%
rename from view/frontend/templates/redirect/cc/3dform.phtml
rename to view/frontend/templates/redirect/redirect.phtml
index e1c0b67f1..0c6f4b307
--- a/view/frontend/templates/redirect/cc/3dform.phtml
+++ b/view/frontend/templates/redirect/redirect.phtml
@@ -21,19 +21,28 @@
* Author: Adyen
*/
?>
-
-
-
\ No newline at end of file
+
+getRedirectMethod() == "GET") { ?>
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/view/frontend/web/css/styles.css b/view/frontend/web/css/styles.css
index 7306c84d0..da95958ec 100644
--- a/view/frontend/web/css/styles.css
+++ b/view/frontend/web/css/styles.css
@@ -71,7 +71,7 @@
}
.checkout-payment-method .payment-method-title label div.adyen-sprite.adyen_cc {
- background-position: 0 -272px;
+ background:url(../images/logos/cc_border.png) no-repeat;
}
.checkout-payment-method .payment-method-title label div.adyen-sprite.adyen_pos {
@@ -82,10 +82,6 @@
background-position: 0 -1819px;
}
-.checkout-payment-method .payment-method-title label div.adyen-sprite.adyen_sepa {
- background-position: 0 -1910px;
-}
-
.checkout-payment-method .payment-method-title label div.adyen-sprite.adyen_hpp {
background-position: 0 -272px;
}
@@ -164,858 +160,878 @@
min-height: 42px; /* override magento min-height */
}
-/* Checkout card components style */
-
-.adyen-checkout__payment-method {
- position: relative;
- background: white;
- border: 1px solid #edf0f3;
- cursor: pointer;
- margin-top: -1px;
- width: 100%;
- transition: opacity 0.3s ease-out;
- /* transition: margin 100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; */
-}
-
-.adyen-checkout__payment-method:focus {
- outline: 0;
-}
-
-.adyen-checkout__payment-method:first-child,
-.adyen-checkout__payment-method--selected + .adyen-checkout__payment-method {
- margin-top: 0;
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
-}
-
-.adyen-checkout__payment-method--next-selected {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
-}
-
-.adyen-checkout__payment-method--loading {
- opacity: 0.2;
-}
-
-.adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading {
- opacity: 0.9;
-}
-
-.adyen-checkout__payment-method--loading .adyen-checkout__spinner__wrapper {
- position: absolute;
- right: 0;
- left: 0;
- z-index: 1;
-}
-
-.adyen-checkout__payment-method__header {
- display: flex;
- align-items: center;
- font-weight: 400;
- font-size: 16px;
- color: #00202e;
- padding: 16px;
- position: relative;
- transition: background 0.1s ease-out;
- width: 100%;
-}
-
-.adyen-checkout__payment-method__surcharge {
- color: #687282;
- margin-left: 5px;
-}
-
-.adyen-checkout__payment-method--selected {
- transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-
- background: #f7f8f9;
- border: 1px solid #d4d9db;
- margin: 8px 0;
- border-radius: 3px;
- cursor: default;
-}
-
-.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header {
- font-weight: 500;
-}
-
-.adyen-checkout__payment-method__details__content {
- padding: 6px 16px 24px;
-}
-
-.adyen-checkout__payment-method__image__wrapper {
- height: 26px;
- position: relative;
-}
-
-.adyen-checkout__payment-method__image__wrapper:after {
- content: '';
- position: absolute;
- top: 0;
- width: 100%;
- height: 100%;
- left: 0;
- border-radius: 3px;
- border: 1px solid rgba(0, 27, 43, 0.17);
-}
-
-.adyen-checkout__payment-method__image {
- border-radius: 3px;
-}
-
-.adyen-checkout__payment-method__disable_oneclick {
- background-color: transparent;
- color: #687282;
- cursor: pointer;
- border: none;
- display: block;
- font-size: 13px;
-
- padding: 0;
- position: absolute;
- right: 70px;
- text-decoration: underline;
-}
-
-/* Payment Method Radio Button */
-.adyen-checkout__payment-method__radio {
- position: absolute;
- background-color: #fff;
- border: 1px solid #b9c4c9;
- border-radius: 50%;
- height: 18px;
- width: 18px;
- right: 20px;
- transition: border-color 0.3s ease-out;
- box-shadow: inset 0 1px 3px rgba(0, 27, 43, 0.15);
-}
-
-.adyen-checkout__payment-method__radio:after {
- content: '';
- display: block;
- position: absolute;
- margin: 0 auto;
- left: 0;
- right: 0;
- top: 50%;
- height: 6px;
- width: 6px;
- background-color: #fff;
- border-radius: 50%;
- transform: translateY(-50%) scale(0);
- transition: transform 0.3s ease-out;
- box-shadow: 0 1px 1px rgba(0, 15, 45, 0.25);
-}
-
-.adyen-checkout__payment-method__radio:hover {
- border-color: #00a3ff;
- cursor: pointer;
-}
-
-.adyen-checkout__payment-method__radio--selected {
- background-color: #00a3ff;
- border: 0px solid transparent;
- transition: all 0.3s ease-out;
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.26);
-}
-
-.adyen-checkout__payment-method__radio--selected:after {
- transform: translateY(-50%) scale(1);
-}
-/* /Payment Method Radio Button */
-
-.adyen-checkout__spinner__wrapper {
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-
-.adyen-checkout__spinner__wrapper--inline {
- height: auto;
- display: inline-block;
- margin-right: 8px;
-}
-
-.adyen-checkout__spinner {
- border: 2px solid #00a3ff;
- border-radius: 50%;
- height: 43px;
- width: 43px;
- border-top-color: transparent;
- animation: rotateSpinner 2s infinite linear;
-}
-
-.adyen-checkout__spinner--large {
- height: 43px;
- width: 43px;
-}
-
-.adyen-checkout__spinner--small {
- height: 16px;
- width: 16px;
-}
-
-.adyen-checkout__spinner--medium {
- height: 28px;
- width: 28px;
-}
-
-@keyframes rotateSpinner {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(360deg);
- }
-}
-
-.adyen-checkout__pay-button {
- width: 100%;
- padding: 16px;
- border: 0;
- border-radius: 3px;
- background: #001b2b;
- color: #fff;
- font-weight: 700;
- font-size: 1em;
- transition: background 0.3s ease-out;
- cursor: pointer;
- box-shadow: 0 3px 4px rgba(0, 15, 45, 0.2);
-}
-
-.adyen-checkout__pay-button:disabled {
- background: #e6e9eb;
- box-shadow: none;
-}
-
-.adyen-checkout__pay-button--loading {
- background: #4c5f6b;
- box-shadow: none;
- outline: 0;
- user-select: none;
- pointer-events: none;
-}
-
-.adyen-checkout__pay-button .adyen-checkout__spinner {
- border-color: #fff;
- border-width: 3px;
- border-top-color: transparent;
-}
+/*
+ Custom style for ideal component
+ */
-.adyen-checkout__field {
- display: block;
- margin-bottom: 16px;
+#iDealContainer .adyen-checkout__dropdown__button{
+ padding: 0 0 0 8px;
+ max-width: 290px;
}
-.adyen-checkout__field--error input {
- border-color: #d81b4a;
- color: #d81b4a;
+#iDealContainer .adyen-checkout__dropdown--large{
+ margin-left: 21px;
}
-.adyen-checkout__field:last-child {
+#iDealContainer .adyen-checkout__dropdown__element{
margin-bottom: 0;
}
-.adyen-checkout__label__text,
-.adyen-checkout__helper-text {
- color: #001b2b;
- display: block;
- font-size: 13px;
- font-weight: normal;
- line-height: 13px;
- padding-bottom: 8px;
-}
+/* General styling for checkout */
-.adyen-checkout__helper-text {
- color: #687282;
+.payment-method-content .field input, .payment-method-content .field select{
+ max-width: 168px;
}
-.adyen-checkout__label__text {
- transition: color 0.2s ease-out;
-}
-
-.adyen-checkout__label--focused .adyen-checkout__label__text {
- color: #0077bb;
+.adyen-checkout__link adyen-checkout__link--more-information{
+ margin-bottom: 10px;
}
-.adyen-checkout__error-text,
-.adyen-checkout__label__text--error {
- color: #d81b4a;
- font-weight: normal;
+.message.error.hpp-message{
margin-top: 10px;
-}
-
-.adyen-checkout__radio_group__input {
display: none;
}
-.adyen-checkout__radio_group__label {
- padding-left: 24px;
- position: relative;
- display: block;
- margin-bottom: 8px;
-
- font-size: 13px;
- font-weight: normal;
- line-height: 16px;
-}
-
-.adyen-checkout__radio_group__label:before {
- content: '';
- position: absolute;
- background-color: #fff;
- border: 1px solid #b9c4c9;
- border-radius: 50%;
- height: 16px;
- width: 16px;
- left: 0;
- top: 0;
- transition: border-color 0.3s ease-out;
-}
-
-.adyen-checkout__radio_group__label:after {
- content: '';
- display: block;
- position: absolute;
- margin: 0 auto;
- left: 5px;
- top: 5px;
- height: 6px;
- width: 6px;
- background-color: #fff;
- border-radius: 50%;
- transform: scale(0);
- transition: transform 0.3s ease-out;
- box-shadow: 0 1px 1px rgba(0, 15, 45, 0.25);
-}
-
-.adyen-checkout__radio_group__label:hover {
- border-color: #00a3ff;
- cursor: pointer;
-}
-
-.adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:before,
-.adyen-checkout__radio_group__label--selected {
- background-color: #00a3ff;
- border: 0px solid transparent;
- transition: all 0.3s ease-out;
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.26);
-}
-
-.adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:after {
- transform: scale(1);
-}
-.adyen-checkout__checkbox {
- display: block;
+/* Checkout component Adyen styling start */
+.adyen-checkout__spinner__wrapper{
+ align-items:center;
+ display:flex;
+ height:100%;
+ justify-content:center
}
-
-.adyen-checkout__checkbox > input[type='checkbox'] {
- position: absolute;
- opacity: 0;
- pointer-events: none;
+.adyen-checkout__spinner__wrapper--inline{
+ display:inline-block;
+ height:auto;
+ margin-right:8px
}
-
-.adyen-checkout__checkbox__label {
- position: relative;
- padding-left: 24px;
- cursor: pointer;
- display: inline-block;
- line-height: 16px;
- font-size: 1rem;
- color: #001b2b;
- font-size: 13px;
- font-weight: normal;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-/* Check */
-.adyen-checkout__checkbox__input + span:before {
- content: '';
- position: absolute;
- top: 2px;
- left: 1px;
- width: 6px;
- height: 11px;
- border-top: 1px solid transparent;
- border-left: 1px solid transparent;
- border-right: 2px solid #fff;
- border-bottom: 2px solid #fff;
- -webkit-transform: rotateZ(37deg);
- transform: rotateZ(37deg);
- -webkit-transform-origin: 100% 100%;
- transform-origin: 100% 100%;
- z-index: 1;
- border-radius: 0px 2px 1px 2px;
- opacity: 0;
- transition: opacity 0.2s ease-out;
-}
-
-.adyen-checkout__checkbox__input:checked + span:before {
- opacity: 1;
-}
-
-/* Box */
-.adyen-checkout__checkbox__input + span:after {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- width: 16px;
- height: 16px;
- border-radius: 3px;
- background-color: #fff;
- border: 1px solid #b9c4c9;
- z-index: 0;
- transition: background 0.15s ease-out, border 0.05s ease-out, box-shadow 0.1s ease-out;
-}
-
-.adyen-checkout__checkbox__input:checked + span:after {
- border: 1px solid #00a3ff;
- background-color: #00a3ff;
-}
-
-.adyen-checkout__checkbox__input:focus + span:after {
- border: 1px solid #00a3ff;
- box-shadow: 0 0 0 2px #91d7ff;
-}
-
-.adyen-checkout__dropdown {
- width: 100%;
- max-width: 200px;
- font-size: 16px;
-}
-
-.adyen-checkout__dropdown--small {
- max-width: 130px;
- width: 100%;
-}
-
-.adyen-checkout__dropdown--large {
- max-width: 300px;
- width: 100%;
-}
-
-.adyen-checkout__dropdown__button {
- padding: 9px 20px 9px 8px;
- border: 1px solid #b9c4c9;
- background: #fff;
- border-radius: 3px;
- outline: 0;
- width: 100%;
- font-size: 16px;
- height: 40px;
- line-height: 20px;
- transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
-}
-
-.adyen-checkout__dropdown__button__icon {
- margin-right: 8px;
- max-width: 32px;
- max-height: 20px;
-}
-.adyen-checkout__dropdown__button--active,
-.adyen-checkout__dropdown__button:active,
-.adyen-checkout__dropdown__button:focus {
- border-color: #00a3ff;
- box-shadow: 0 0 0 2px #91d7ff;
-}
-
-.adyen-checkout__dropdown__list {
- z-index: 2;
- border-radius: 3px;
- margin-top: 2px;
- box-shadow: 0px 2px 7px rgba(0, 15, 45, 0.3);
-}
-
-.adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active {
- animation: expand 100ms ease-out;
-}
-
-.adyen-checkout__dropdown__element {
- padding: 8px;
- line-height: 20px;
- border: 1px solid transparent;
- border-bottom: 1px solid #e6e9eb;
- word-break: break-word;
- hyphens: auto;
- cursor: pointer;
- outline: 0;
- transition: background 0.2s ease-out, border-color 0.2s ease-out;
+.adyen-checkout__spinner{
+ -webkit-animation:rotateSpinner 2s infinite linear;
+ animation:rotateSpinner 2s infinite linear;
+ border:2px solid #00a3ff;
+ border-radius:50%;
+ border-top-color:transparent;
+ height:43px;
+ width:43px
}
-
-.adyen-checkout__dropdown__element:last-child {
- border-bottom: 0;
+.adyen-checkout__spinner--large{
+ height:43px;
+ width:43px
}
-
-.adyen-checkout__dropdown__element:hover,
-.adyen-checkout__dropdown__element:focus,
-.adyen-checkout__dropdown__element:active {
- background: #f0f2f4;
+.adyen-checkout__spinner--small{
+ height:16px;
+ width:16px
}
-
-.adyen-checkout__dropdown__element:active,
-.adyen-checkout__dropdown__element:focus {
- border-top-color: #00a3ff;
- border-bottom-color: #00a3ff;
+.adyen-checkout__spinner--medium{
+ height:28px;
+ width:28px
}
-
-.adyen-checkout__dropdown__element__icon {
- margin-right: 8px;
- max-width: 32px;
- max-height: 20px;
-}
-
-@keyframes expand {
- 0% {
- -webkit-transform: scale3d(1, 0, 1);
- transform: scale3d(1, 0, 1);
+@-webkit-keyframes rotateSpinner{
+ 0%{
+ -webkit-transform:rotate(0deg);
+ transform:rotate(0deg)
}
- 100% {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
+ to{
+ -webkit-transform:rotate(1turn);
+ transform:rotate(1turn)
}
}
-
-.adyen-checkout__select-list {
- margin: 0;
- padding: 0;
-}
-
-.adyen-checkout__select-list__item {
- display: inline-block;
- padding: 9px;
- border-top: 1px solid #b9c4c9;
- background: #fff;
- outline: 0;
- width: 100%;
- font-size: 16px;
- cursor: pointer;
- line-height: 20px;
-}
-
-.adyen-checkout__select-list__item:first-child {
- border-top: 0;
-}
-
-.adyen-checkout__select-list__item:hover,
-.adyen-checkout__select-list__item:focus,
-.adyen-checkout__select-list__item:active {
- background: rgba(145, 215, 255, 0.5);
-}
-
-.adyen-checkout__select-list__item--selected {
- background: rgba(145, 215, 255, 0.5);
- font-weight: bold;
-}
-
-.adyen-checkout__input {
- color: #001b2b;
- font-size: 16px;
- font-family: inherit;
- display: block;
- height: 40px;
- background: white;
- border: 1px solid #b9c4c9;
- border-radius: 3px;
- padding: 5px 8px;
- position: relative;
- outline: none;
- width: 200px;
- transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
-}
-
-.adyen-checkout__input.adyen-checkout__input--small {
- width: 130px;
-}
-
-.adyen-checkout__input.adyen-checkout__input--large {
- width: 300px;
-}
-
-.adyen-checkout__input--error {
- border-color: #d0021b;
-}
-
-.adyen-checkout__input::placeholder {
- color: #90a2bd;
- font-weight: 200;
-}
-
-.adyen-checkout__input:active,
-.adyen-checkout__input--active,
-.adyen-checkout__input:focus {
- border: 1px solid #00a3ff;
- box-shadow: 0 0 0 2px #91d7ff;
-}
-
-.adyen-checkout__input[readonly] {
- background-color: #e6e9eb;
- color: #687282;
- cursor: default;
- border-color: transparent;
-}
-
-.open-invoice__field {
- margin-bottom: 15px;
-}
-
-.open-invoice__field select {
- background: #ffffff;
- border: 1px solid #d8d8d8;
- box-shadow: none;
- font-size: 0.93333333333em;
- height: 40px;
- margin-top: 4px;
- max-width: 420px;
- width: 100%;
- padding: 5px 8px;
- display: block;
-}
-
-.open-invoice__field input[type='text'],
-.open-invoice__field input[type='date'] {
- display: block;
- height: 35px;
- width: 100%;
- max-width: 420px;
-}
-
-.adyen-checkout__fieldset {
- display: block;
- padding-bottom: 30px;
- color: #687282;
- width: 100%;
-}
-
-.adyen-checkout__fieldset--readonly {
-}
-
-.adyen-checkout__fieldset--readonly p {
- color: #001b2b;
- font-size: 13px;
- line-height: 19px;
- margin: 0;
-}
-
-.adyen-checkout__fieldset--deliveryAddress {
- padding-top: 30px;
-}
-
-.adyen-checkout__fieldset__title {
- display: block;
- font-size: 11px;
- font-weight: bold;
- letter-spacing: 1px;
- text-transform: uppercase;
- padding: 0 0 20px;
- margin: 0;
- color: #687282;
-}
-
-.adyen-checkout__link__klarna--more-information {
- clear: both;
- display: block;
- padding: 10px 0 25px;
-}
-
-.adyen-checkout__applepay__button {
- width: 240px;
- height: 40px;
-}
-
-.adyen-checkout__card__exp-cvc {
- display: flex;
-}
-
-.adyen-checkout__card__cardNumber {
- max-width: 400px;
-}
-
-.adyen-checkout__card__exp-date__input--oneclick {
- line-height: 40px;
- height: 40px;
- font-weight: 400;
-}
-
-.adyen-checkout__card__exp-cvc .adyen-checkout__field {
- margin-right: 24px;
- margin-bottom: 0;
-}
-
-.adyen-checkout__card__form {
- margin-bottom: 16px;
-}
-
-.adyen-checkout__giropay__results {
- background: #fff;
- border: 1px solid #b9c4c9;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- max-height: 140px;
- min-height: 100px;
- overflow-y: scroll;
- width: 100%;
-}
-
-.adyen-checkout__giropay__no-results {
- color: #687282;
- display: block;
- font-size: 13px;
- padding: 0 0 0 2px;
-}
-
-.adyen-checkout__giropay__placeholder {
- color: #90a2bd;
- display: block;
- padding: 0 0 0 2px;
- font-weight: 200;
-}
-
-.adyen-checkout__giropay__loading {
- display: block;
- min-height: 100px;
-}
-
-.adyen-checkout__giropay__loading .adyen-checkout__spinner__wrapper {
- display: inline-block;
- vertical-align: middle;
-}
-
-.adyen-checkout__giropay__loading-text {
- color: #687282;
- font-size: 13px;
- line-height: 16px;
- vertical-align: middle;
-}
-
-.adyen-checkout__giropay__error {
- color: #d0021b;
- font-size: 13px;
-}
-
-.adyen-checkout__iban-input__number {
- text-transform: uppercase;
-}
-
-.adyen-checkout__wechatpay {
- background: #fff;
- padding: 40px;
- text-align: center;
- border: 1px solid rgb(221, 225, 227);
- border-radius: 3px;
- min-height: 443px;
-}
-
-.adyen-checkout__wechatpay__brand-logo {
- height: 20px;
- width: 109px;
-}
-
-.adyen-checkout__wechatpay__subtitle {
- margin-top: 32px;
-}
-
-.adyen-checkout__wechatpay__subtitle,
-.adyen-checkout__wechatpay__payment_amount {
- color: #001b2b;
- font-size: 16px;
- line-height: 19px;
-}
-
-.adyen-checkout__wechatpay__progress {
- height: 4px;
- background: #d4d9db;
- border-radius: 25px;
- margin: 32px auto 12px auto;
- width: 152px;
- padding-right: 3%;
-}
-
-.adyen-checkout__wechatpay__progress > span {
- display: block;
- height: 100%;
- border-radius: 25px;
- background: #00a3ff;
-}
-
-.adyen-checkout__wechatpay__countdown {
- color: #687282;
- font-size: 13px;
-}
-
-.adyen-checkout__wechatpay .adyen-checkout__spinner__wrapper {
- margin: 60px 0;
-}
-
-.adyen-checkout__alert {
- background-color: #00a3ff;
- align-items: flex-start;
- border-radius: 3px;
- color: #fff;
- display: flex;
- justify-content: space-between;
- line-height: 1;
- margin: 0;
- padding: 12px;
-}
-
-.adyen-checkout__alert--error {
- background-color: #d81b4a;
-}
-
-.adyen-checkout__alert--success {
- background-color: #0abf53;
-}
-
-.adyen-checkout__alert--info {
- background-color: #00a3ff;
-}
-
-.adyen-checkout__sdk,
-.adyen-checkout__sdk *,
-.adyen-checkout__sdk *:after,
-.adyen-checkout__sdk * :before {
- box-sizing: border-box;
-}
-
-.adyen-checkout__payment-methods-list {
- border-radius: 3px;
-}
-
-.adyen-checkout__payment-methods-list--loading {
- user-select: none;
- pointer-events: none;
-}
-
-/* Forms */
-
-.adyen-checkout__link {
- color: #687282;
- font-size: 13px;
- text-decoration: underline;
+@keyframes rotateSpinner{
+ 0%{
+ -webkit-transform:rotate(0deg);
+ transform:rotate(0deg)
+ }
+ to{
+ -webkit-transform:rotate(1turn);
+ transform:rotate(1turn)
+ }
}
-
-/*
- Custom style for ideal component
- */
-
-#iDealContainer .adyen-checkout__dropdown__button{
- padding: 0 0 0 8px;
- max-width: 290px;
+.adyen-checkout__pay-button{
+ background:#001b2b;
+ border:0;
+ border-radius:3px;
+ box-shadow:0 3px 4px rgba(0,15,45,.2);
+ color:#fff;
+ cursor:pointer;
+ font-size:1em;
+ font-weight:700;
+ height:48px;
+ padding:15px;
+ transition:background .3s ease-out;
+ width:100%
+}
+.adyen-checkout__pay-button:disabled{
+ -moz-user-select:all;
+ -ms-user-select:all;
+ -webkit-user-select:all;
+ background:#e6e9eb;
+ box-shadow:none;
+ cursor:not-allowed;
+ user-select:all
+}
+.adyen-checkout__pay-button--loading{
+ -moz-user-select:none;
+ -ms-user-select:none;
+ -webkit-user-select:none;
+ background:#4c5f6b;
+ box-shadow:none;
+ outline:0;
+ pointer-events:none;
+ user-select:none
+}
+.adyen-checkout__pay-button .adyen-checkout__spinner{
+ border-color:transparent #fff #fff;
+ border-width:3px
+}
+.adyen-checkout__pay-button__content{
+ align-items:center;
+ display:flex;
+ justify-content:center
+}
+.adyen-checkout__payment-method{
+ background:#fff;
+ border:1px solid #edf0f3;
+ cursor:pointer;
+ margin-top:-1px;
+ position:relative;
+ transition:opacity .3s ease-out;
+ width:100%
+}
+.adyen-checkout__payment-method:focus{
+ outline:0
+}
+.adyen-checkout__payment-method--selected+.adyen-checkout__payment-method,.adyen-checkout__payment-method:first-child{
+ border-top-left-radius:3px;
+ border-top-right-radius:3px;
+ margin-top:0
+}
+.adyen-checkout__payment-method--next-selected{
+ border-bottom-left-radius:3px;
+ border-bottom-right-radius:3px
+}
+.adyen-checkout__payment-method--loading{
+ opacity:.2
+}
+.adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading{
+ opacity:.9
+}
+.adyen-checkout__payment-method--disabling{
+ opacity:.5
+}
+.adyen-checkout__payment-method__header{
+ align-items:center;
+ color:#00202e;
+ display:flex;
+ font-size:16px;
+ font-weight:400;
+ padding:16px;
+ position:relative;
+ transition:background .1s ease-out;
+ width:100%
+}
+.adyen-checkout__payment-method__surcharge{
+ color:#687282;
+ margin-left:5px
+}
+.adyen-checkout__payment-method--selected{
+ background:#f7f8f9;
+ border:1px solid #d4d9db;
+ border-radius:3px;
+ cursor:default;
+ margin:8px 0;
+ transition:margin .15s cubic-bezier(.4,0,.2,1) 0ms,opacity .3s ease-out
+}
+.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header{
+ font-weight:500
+}
+.adyen-checkout__payment-method__details{
+ padding:0 16px 16px
+}
+.adyen-checkout__payment-method__details__content{
+ padding:6px 0 24px
+}
+.adyen-checkout__payment-method__image__wrapper{
+ height:26px;
+ position:relative
+}
+.adyen-checkout__payment-method__image__wrapper:after{
+ border:1px solid rgba(0,27,43,.17);
+ border-radius:3px;
+ content:"";
+ height:100%;
+ left:0;
+ position:absolute;
+ top:0;
+ width:100%
+}
+.adyen-checkout__payment-method__image{
+ border-radius:3px
+}
+.adyen-checkout__payment-method__disable_oneclick{
+ background-color:transparent;
+ border:none;
+ color:#687282;
+ cursor:pointer;
+ display:block;
+ font-size:13px;
+ padding:0;
+ position:absolute;
+ right:70px;
+ text-decoration:underline
+}
+.adyen-checkout__payment-method__disable_oneclick:focus{
+ color:#00a3ff;
+ outline:0
+}
+.adyen-checkout__payment-method__disable-confirmation{
+ align-items:center;
+ background:#e6e9eb;
+ color:#001b2b;
+ display:flex;
+ font-size:15px;
+ justify-content:space-between;
+ margin-bottom:10px;
+ padding:8px 16px
+}
+.adyen-checkout__payment-method__disable-confirmation__buttons{
+ display:flex
+}
+.adyen-checkout__payment-method__disable-confirmation__button{
+ border:1px solid transparent;
+ border-radius:3px;
+ cursor:pointer;
+ font-size:13px;
+ line-height:15px;
+ margin:0 0 0 8px;
+ padding:8px
+}
+.adyen-checkout__payment-method__disable-confirmation__button--remove{
+ background:#d10244;
+ border-color:#d10244;
+ color:#fff
+}
+.adyen-checkout__payment-method__disable-confirmation__button--cancel{
+ background:transparent;
+ border-color:#001b2b;
+ color:#001b2b
+}
+.adyen-checkout__payment-method__radio{
+ background-color:#fff;
+ border:1px solid #b9c4c9;
+ border-radius:50%;
+ box-shadow:inset 0 1px 3px rgba(0,27,43,.15);
+ height:18px;
+ position:absolute;
+ right:20px;
+ transition:border-color .3s ease-out;
+ width:18px
+}
+.adyen-checkout__payment-method__radio:after{
+ -webkit-transform:translateY(-50%) scale(0);
+ background-color:#fff;
+ border-radius:50%;
+ box-shadow:0 1px 1px rgba(0,15,45,.25);
+ content:"";
+ display:block;
+ height:6px;
+ left:0;
+ margin:0 auto;
+ position:absolute;
+ right:0;
+ top:50%;
+ transform:translateY(-50%) scale(0);
+ transition:-webkit-transform .3s ease-out;
+ transition:transform .3s ease-out;
+ transition:transform .3s ease-out,-webkit-transform .3s ease-out;
+ width:6px
+}
+.adyen-checkout__payment-method__radio:hover{
+ border-color:#00a3ff;
+ cursor:pointer
+}
+.adyen-checkout__payment-method__radio--selected{
+ background-color:#00a3ff;
+ border:0 solid transparent;
+ box-shadow:inset 0 1px 2px rgba(0,0,0,.26);
+ transition:all .3s ease-out
+}
+.adyen-checkout__payment-method__radio--selected:after{
+ -webkit-transform:translateY(-50%) scale(1);
+ transform:translateY(-50%) scale(1)
+}
+.adyen-checkout__field{
+ display:block;
+ margin-bottom:16px
+}
+.adyen-checkout__field--error input{
+ border-color:#d81b4a;
+ color:#d81b4a
+}
+.adyen-checkout__field:last-child{
+ margin-bottom:0
+}
+.adyen-checkout__helper-text,.adyen-checkout__label__text{
+ color:#001b2b;
+ display:block;
+ font-size:13px;
+ font-weight:400;
+ line-height:13px;
+ padding-bottom:8px
+}
+.adyen-checkout__helper-text{
+ color:#687282
+}
+.adyen-checkout__label__text{
+ transition:color .2s ease-out
+}
+.adyen-checkout__label--focused .adyen-checkout__label__text{
+ color:#07b
+}
+.adyen-checkout__error-text,.adyen-checkout__label__text--error{
+ align-items:center;
+ color:#d0021b;
+ display:flex;
+ font-size:12px;
+ font-weight:400;
+ margin-top:4px
+}
+.adyen-checkout__icon svg{
+ fill:currentColor
+}
+.adyen-checkout__open-invoice .adyen-checkout__input--wrapper--socialSecurityNumber+.adyen-checkout__error-text{
+ max-width:380px
+}
+.adyen-checkout__radio_group+.adyen-checkout-input__inline-validation{
+ display:none
+}
+.adyen-checkout__radio_group__input{
+ opacity:0;
+ position:absolute
+}
+.adyen-checkout__radio_group__label{
+ display:block;
+ font-size:13px;
+ font-weight:400;
+ line-height:16px;
+ margin-bottom:8px;
+ padding-bottom:0;
+ padding-left:24px;
+ position:relative
+}
+.adyen-checkout__radio_group__label:before{
+ background-color:#fff;
+ border:1px solid #b9c4c9;
+ border-radius:50%;
+ content:"";
+ height:16px;
+ left:0;
+ position:absolute;
+ top:0;
+ transition:border-color .3s ease-out;
+ width:16px
+}
+.adyen-checkout__radio_group__label:after{
+ -webkit-transform:scale(0);
+ background-color:#fff;
+ border-radius:50%;
+ box-shadow:0 1px 1px rgba(0,15,45,.25);
+ content:"";
+ display:block;
+ height:6px;
+ left:5px;
+ margin:0 auto;
+ position:absolute;
+ top:5px;
+ transform:scale(0);
+ transition:-webkit-transform .3s ease-out;
+ transition:transform .3s ease-out;
+ transition:transform .3s ease-out,-webkit-transform .3s ease-out;
+ width:6px
+}
+.adyen-checkout__radio_group__label:hover{
+ border-color:#00a3ff;
+ cursor:pointer
+}
+.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__label--selected{
+ background-color:#00a3ff;
+ border:0 solid transparent;
+ box-shadow:inset 0 1px 2px rgba(0,0,0,.26);
+ transition:all .3s ease-out
+}
+.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:after{
+ -webkit-transform:scale(1);
+ transform:scale(1)
+}
+.adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before{
+ border:1px solid #d10244
+}
+.adyen-checkout__checkbox{
+ display:block
+}
+.adyen-checkout__checkbox>input[type=checkbox]{
+ opacity:0;
+ pointer-events:none;
+ position:absolute
+}
+.adyen-checkout__checkbox__label{
+ -moz-user-select:none;
+ -ms-user-select:none;
+ -webkit-user-select:none;
+ color:#001b2b;
+ cursor:pointer;
+ display:inline-block;
+ font-size:13px;
+ font-weight:400;
+ line-height:16px;
+ padding-left:24px;
+ position:relative;
+ user-select:none
+}
+.adyen-checkout__checkbox__input+span:before{
+ -webkit-transform:rotate(37deg);
+ -webkit-transform-origin:100% 100%;
+ border-color:transparent #fff #fff transparent;
+ border-radius:0 2px 1px 2px;
+ border-style:solid;
+ border-width:1px 2px 2px 1px;
+ content:"";
+ height:11px;
+ left:1px;
+ opacity:0;
+ position:absolute;
+ top:2px;
+ transform:rotate(37deg);
+ transform-origin:100% 100%;
+ transition:opacity .2s ease-out;
+ width:6px;
+ z-index:1
+}
+.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:before{
+ opacity:1
+}
+.adyen-checkout__checkbox__input+.adyen-checkout__checkbox__label:after{
+ background-color:#fff;
+ border:1px solid #b9c4c9;
+ border-radius:3px;
+ content:"";
+ height:16px;
+ left:0;
+ position:absolute;
+ top:0;
+ transition:background .15s ease-out,border .05s ease-out,box-shadow .1s ease-out;
+ width:16px;
+ z-index:0
+}
+.adyen-checkout__checkbox__input:checked+.adyen-checkout__checkbox__label:after{
+ background-color:#00a3ff;
+ border:1px solid #00a3ff
+}
+.adyen-checkout__checkbox__input:focus+span:after{
+ border:1px solid #00a3ff;
+ box-shadow:0 0 0 2px #91d7ff
+}
+.adyen-checkout__checkbox__input.adyen-checkout__checkbox__input--invalid+.adyen-checkout__checkbox__label:after{
+ border:1px solid #d10244
+}
+.adyen-checkout__dropdown{
+ font-size:16px;
+ max-width:100%;
+ width:200px
+}
+.adyen-checkout__dropdown--small{
+ width:130px
+}
+.adyen-checkout__dropdown--large{
+ width:300px
+}
+.adyen-checkout__dropdown__button{
+ background:#fff;
+ border:1px solid #b9c4c9;
+ border-radius:3px;
+ font-size:16px;
+ height:40px;
+ line-height:20px;
+ outline:0;
+ padding:9px 20px 9px 8px;
+ transition:border .2s ease-out,box-shadow .2s ease-out;
+ width:100%
+}
+.adyen-checkout__dropdown__button__icon{
+ margin-right:8px;
+ max-height:20px;
+ max-width:32px
+}
+.adyen-checkout__dropdown__button--active,.adyen-checkout__dropdown__button:active,.adyen-checkout__dropdown__button:focus{
+ border-color:#00a3ff;
+ box-shadow:0 0 0 2px #91d7ff
+}
+.adyen-checkout__dropdown__button--readonly,.adyen-checkout__dropdown__button--readonly.adyen-checkout__dropdown__button--active{
+ background:#e6e9eb;
+ color:#001b2b;
+ cursor:not-allowed
+}
+.adyen-checkout__dropdown__button--invalid{
+ border-color:#d10244
+}
+.adyen-checkout__dropdown__button__text{
+ overflow:hidden;
+ text-overflow:ellipsis;
+ white-space:nowrap
+}
+.adyen-checkout__dropdown__list{
+ border-radius:3px;
+ box-shadow:0 2px 7px rgba(0,15,45,.3);
+ margin-top:2px;
+ z-index:2
+}
+.adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active{
+ -webkit-animation:expand .1s ease-out;
+ animation:expand .1s ease-out
+}
+.adyen-checkout__dropdown__element{
+ -ms-hyphens:auto;
+ -webkit-hyphens:auto;
+ border:1px solid transparent;
+ border-bottom-color:#e6e9eb;
+ cursor:pointer;
+ hyphens:auto;
+ line-height:20px;
+ outline:0;
+ padding:8px;
+ transition:background .2s ease-out,border-color .2s ease-out;
+ word-break:break-word
+}
+.adyen-checkout__dropdown__element:last-child{
+ border-bottom:0
+}
+.adyen-checkout__dropdown__element:active,.adyen-checkout__dropdown__element:focus,.adyen-checkout__dropdown__element:hover{
+ background:#f0f2f4
+}
+.adyen-checkout__dropdown__element:active,.adyen-checkout__dropdown__element:focus{
+ border-bottom-color:#00a3ff;
+ border-top-color:#00a3ff
+}
+.adyen-checkout__dropdown__element__icon{
+ margin-right:8px;
+ max-height:20px;
+ max-width:32px
+}
+@-webkit-keyframes expand{
+ 0%{
+ -webkit-transform:scaleY(0);
+ transform:scaleY(0)
+ }
+ to{
+ -webkit-transform:scaleX(1);
+ transform:scaleX(1)
+ }
}
-
-#iDealContainer .adyen-checkout__dropdown__element{
- margin-bottom: 0;
+@keyframes expand{
+ 0%{
+ -webkit-transform:scaleY(0);
+ transform:scaleY(0)
+ }
+ to{
+ -webkit-transform:scaleX(1);
+ transform:scaleX(1)
+ }
}
-.message.error.hpp-message{
- margin-top: 10px;
- display: none;
-}
\ No newline at end of file
+.adyen-checkout__dropdown+.adyen-checkout-input__inline-validation{
+ right:32px
+}
+.adyen-checkout__select-list{
+ margin:0;
+ padding:0
+}
+.adyen-checkout__select-list__item{
+ background:#fff;
+ border-top:1px solid #b9c4c9;
+ cursor:pointer;
+ display:inline-block;
+ font-size:16px;
+ line-height:20px;
+ outline:0;
+ padding:9px;
+ width:100%
+}
+.adyen-checkout__select-list__item:first-child{
+ border-top:0
+}
+.adyen-checkout__select-list__item:active,.adyen-checkout__select-list__item:focus,.adyen-checkout__select-list__item:hover{
+ background:rgba(145,215,255,.5)
+}
+.adyen-checkout__select-list__item--selected{
+ background:rgba(145,215,255,.5);
+ font-weight:700
+}
+.adyen-checkout__input{
+ background:#fff;
+ border:1px solid #b9c4c9;
+ border-radius:3px;
+ color:#001b2b;
+ display:block;
+ font-family:inherit;
+ font-size:16px;
+ height:40px;
+ outline:none;
+ padding:5px 8px;
+ position:relative;
+ transition:border .2s ease-out,box-shadow .2s ease-out;
+ width:200px
+}
+.adyen-checkout__input:required{
+ box-shadow:none
+}
+.adyen-checkout__input--wrapper{
+ display:inline-block;
+ position:relative
+}
+.adyen-checkout__input--wrapper--block{
+ display:block
+}
+.adyen-checkout-input__inline-validation{
+ -webkit-transform:translateY(-50%);
+ height:16px;
+ position:absolute;
+ right:14px;
+ top:50%;
+ transform:translateY(-50%);
+ width:16px
+}
+.adyen-checkout-input__inline-validation--valid{
+ color:#039450
+}
+.adyen-checkout-input__inline-validation--invalid{
+ color:#d10244
+}
+.adyen-checkout__input.adyen-checkout__input--small{
+ width:130px
+}
+.adyen-checkout__input.adyen-checkout__input--large{
+ width:300px
+}
+.adyen-checkout__input.adyen-checkout__input--invalid{
+ border-color:#d10244
+}
+.adyen-checkout__input.adyen-checkout__input--valid{
+ border-bottom-color:#04ba65
+}
+.adyen-checkout__input--error{
+ border-color:#d0021b
+}
+.adyen-checkout__input::-webkit-input-placeholder{
+ color:#90a2bd;
+ font-weight:200
+}
+.adyen-checkout__input::-ms-input-placeholder{
+ color:#90a2bd;
+ font-weight:200
+}
+.adyen-checkout__input::placeholder{
+ color:#90a2bd;
+ font-weight:200
+}
+.adyen-checkout__input--active,.adyen-checkout__input:active,.adyen-checkout__input:focus{
+ border:1px solid #00a3ff;
+ box-shadow:0 0 0 2px #91d7ff
+}
+.adyen-checkout__input[readonly]{
+ background-color:#e6e9eb;
+ border-color:transparent;
+ color:#687282;
+ cursor:default
+}
+.adyen-checkout__fieldset{
+ color:#687282;
+ display:block;
+ padding-bottom:30px;
+ width:100%
+}
+.adyen-checkout__fieldset__title{
+ color:#687282;
+ display:block;
+ font-size:11px;
+ font-weight:700;
+ letter-spacing:1px;
+ margin:0;
+ padding:0 0 20px;
+ text-transform:uppercase
+}
+.adyen-checkout__fieldset--readonly{
+ color:#001b2b;
+ font-size:13px;
+ line-height:19px;
+ margin:0
+}
+.adyen-checkout__open-invoice .adyen-checkout__checkbox--consent-checkbox{
+ max-width:540px
+}
+.adyen-checkout__open-invoice .adyen-checkout__checkbox+.adyen-checkout__open-invoice .adyen-checkout__fieldset{
+ padding-top:30px
+}
+.adyen-checkout__open-invoice .adyen-checkout__checkbox{
+ margin:0 0 20px
+}
+.adyen-checkout__applepay__button{
+ height:40px;
+ width:240px
+}
+.adyen-checkout__card-input__form{
+ transition:opacity .25s ease-out
+}
+.adyen-checkout__card__exp-cvc{
+ display:flex
+}
+.adyen-checkout__card__cardNumber{
+ max-width:400px
+}
+.adyen-checkout__card__cardNumber__input{
+ padding:5px 8px 5px 57px
+}
+.adyen-checkout__card__exp-date__input--oneclick{
+ font-weight:400;
+ height:40px;
+ line-height:40px
+}
+.adyen-checkout__card__exp-cvc .adyen-checkout__field{
+ margin-bottom:0;
+ margin-right:24px
+}
+.adyen-checkout__card-input .adyen-checkout__store-details{
+ margin-top:16px
+}
+.adyen-checkout__giropay__results{
+ background:#fff;
+ border:1px solid #b9c4c9;
+ border-radius:4px;
+ max-height:140px;
+ min-height:100px;
+ overflow-y:scroll;
+ width:100%
+}
+.adyen-checkout__giropay__no-results{
+ color:#687282;
+ display:block;
+ font-size:13px;
+ padding:0 0 0 2px
+}
+.adyen-checkout__giropay__placeholder{
+ color:#90a2bd;
+ display:block;
+ font-weight:200;
+ padding:0 0 0 2px
+}
+.adyen-checkout__giropay__loading{
+ display:block;
+ min-height:100px
+}
+.adyen-checkout__giropay__loading .adyen-checkout__spinner__wrapper{
+ display:inline-block;
+ vertical-align:middle
+}
+.adyen-checkout__giropay__loading-text{
+ color:#687282;
+ font-size:13px;
+ line-height:16px;
+ vertical-align:middle
+}
+.adyen-checkout__giropay__error{
+ color:#d0021b;
+ font-size:13px
+}
+.adyen-checkout__phone-input{
+ display:flex
+}
+.adyen-checkout__phone-input__prefix{
+ margin-right:.5em
+}
+.adyen-checkout__phone-input .adyen-checkout__field{
+ margin-bottom:0
+}
+.adyen-checkout__iban-input__number{
+ padding:5px 36px 5px 8px;
+ text-transform:uppercase
+}
+.adyen-checkout__wechatpay{
+ background:#fff;
+ border:1px solid #dde1e3;
+ border-radius:3px;
+ min-height:443px;
+ padding:40px;
+ text-align:center
+}
+.adyen-checkout__wechatpay__brand-logo{
+ height:20px;
+ width:109px
+}
+.adyen-checkout__wechatpay__subtitle{
+ margin-top:32px
+}
+.adyen-checkout__wechatpay__payment_amount,.adyen-checkout__wechatpay__subtitle{
+ color:#001b2b;
+ font-size:16px;
+ line-height:19px
+}
+.adyen-checkout__wechatpay__progress{
+ background:#d4d9db;
+ border-radius:25px;
+ height:4px;
+ margin:32px auto 12px;
+ padding-right:3%;
+ width:152px
+}
+.adyen-checkout__wechatpay__progress>span{
+ background:#00a3ff;
+ border-radius:25px;
+ display:block;
+ height:100%
+}
+.adyen-checkout__wechatpay__countdown{
+ color:#687282;
+ font-size:13px
+}
+.adyen-checkout__wechatpay .adyen-checkout__spinner__wrapper{
+ margin:60px 0
+}
+.adyen-checkout__alert{
+ align-items:flex-start;
+ background-color:#00a3ff;
+ border-radius:3px;
+ color:#fff;
+ display:flex;
+ justify-content:space-between;
+ line-height:1;
+ margin:0;
+ padding:12px
+}
+.adyen-checkout__alert--error{
+ background-color:#d81b4a
+}
+.adyen-checkout__alert--success{
+ background-color:#0abf53
+}
+.adyen-checkout__alert--info{
+ background-color:#00a3ff
+}
+.adyen-checkout__sdk,.adyen-checkout__sdk *,.adyen-checkout__sdk * :before,.adyen-checkout__sdk :after{
+ box-sizing:border-box
+}
+.adyen-checkout__payment-methods-list{
+ border-radius:3px
+}
+.adyen-checkout__payment-methods-list--loading{
+ -moz-user-select:none;
+ -ms-user-select:none;
+ -webkit-user-select:none;
+ pointer-events:none;
+ user-select:none
+}
+.adyen-checkout__link{
+ color:#687282;
+ font-size:13px;
+ text-decoration:underline
+}
+
+/* Checkout component Adyen styling end */
diff --git a/view/frontend/web/js/view/payment/adyen-methods.js b/view/frontend/web/js/view/payment/adyen-methods.js
index 5da008846..947c73ff2 100755
--- a/view/frontend/web/js/view/payment/adyen-methods.js
+++ b/view/frontend/web/js/view/payment/adyen-methods.js
@@ -44,10 +44,6 @@ define(
type: 'adyen_hpp',
component: 'Adyen_Payment/js/view/payment/method-renderer/adyen-hpp-method'
},
- {
- type: 'adyen_sepa',
- component: 'Adyen_Payment/js/view/payment/method-renderer/adyen-sepa-method'
- },
{
type: 'adyen_boleto',
component: 'Adyen_Payment/js/view/payment/method-renderer/adyen-boleto-method'
diff --git a/view/frontend/web/js/view/payment/method-renderer/adyen-boleto-method.js b/view/frontend/web/js/view/payment/method-renderer/adyen-boleto-method.js
index d6016e803..e5d94c552 100644
--- a/view/frontend/web/js/view/payment/method-renderer/adyen-boleto-method.js
+++ b/view/frontend/web/js/view/payment/method-renderer/adyen-boleto-method.js
@@ -29,12 +29,18 @@ define(
function (_, $, quote, Component) {
'use strict';
var billingAddress = quote.billingAddress();
+ var firstname = '';
+ var lastname = '';
+ if (!!billingAddress) {
+ firstname = billingAddress.firstname;
+ lastname = billingAddress.lastname;
+ }
return Component.extend({
self: this,
defaults: {
template: 'Adyen_Payment/payment/boleto-form',
- firstname: billingAddress.firstname,
- lastname: billingAddress.lastname
+ firstname: self.firstname,
+ lastname: self.lastname
},
initObservable: function () {
this._super()
diff --git a/view/frontend/web/js/view/payment/method-renderer/adyen-cc-method.js b/view/frontend/web/js/view/payment/method-renderer/adyen-cc-method.js
index 8b751ac03..314678756 100755
--- a/view/frontend/web/js/view/payment/method-renderer/adyen-cc-method.js
+++ b/view/frontend/web/js/view/payment/method-renderer/adyen-cc-method.js
@@ -89,7 +89,6 @@ define(
return;
}
-
installments.setInstallments(0);
// installments enabled ??
@@ -108,17 +107,25 @@ define(
holderNameRequired: true,
groupTypes: self.getAvailableCardTypeAltCodes(),
- onChange: function (state) {
- // isValid is not present on start
- if (typeof state.isValid !== 'undefined' && state.isValid === false) {
+ onChange: function (state, component) {
+ if (!!state.isValid && !component.state.errors.encryptedSecurityCode) {
+ self.variant(state.brand);
+ self.creditCardNumber(state.data.encryptedCardNumber);
+ self.expiryMonth(state.data.encryptedExpiryMonth);
+ self.expiryYear(state.data.encryptedExpiryYear);
+ self.securityCode(state.data.encryptedSecurityCode);
+ self.creditCardOwner(state.data.holderName);
+ self.creditCardDetailsValid(true);
+ self.placeOrderAllowed(true);
+ } else {
self.creditCardDetailsValid(false);
self.placeOrderAllowed(false);
}
-
+ },
+ onBrand: function (state) {
// Define the card type
// translate adyen card type to magento card type
var creditCardType = self.getCcCodeByAltCode(state.brand);
-
if (creditCardType) {
// If the credit card type is already set, check if it changed or not
if (!self.creditCardType() || self.creditCardType() && self.creditCardType() != creditCardType) {
@@ -154,7 +161,6 @@ define(
}
}
- // Color the image of the credit card
// for BCMC as this is not a core payment method inside magento use maestro as brand detection
if (creditCardType == "BCMC") {
self.creditCardType("MI");
@@ -164,21 +170,8 @@ define(
}
} else {
self.creditCardType("")
+ installments.setInstallments(0);
}
- },
- onValid: function (state) {
- self.variant(state.brand);
- self.creditCardNumber(state.data.encryptedCardNumber);
- self.expiryMonth(state.data.encryptedExpiryMonth);
- self.expiryYear(state.data.encryptedExpiryYear);
- self.securityCode(state.data.encryptedSecurityCode);
- self.creditCardOwner(state.data.holderName);
- self.creditCardDetailsValid(true);
- self.placeOrderAllowed(true);
- },
- onError: function () {
- self.creditCardDetailsValid(false);
- self.placeOrderAllowed(false);
}
});
diff --git a/view/frontend/web/js/view/payment/method-renderer/adyen-hpp-method.js b/view/frontend/web/js/view/payment/method-renderer/adyen-hpp-method.js
index c7b4626af..3591236a2 100755
--- a/view/frontend/web/js/view/payment/method-renderer/adyen-hpp-method.js
+++ b/view/frontend/web/js/view/payment/method-renderer/adyen-hpp-method.js
@@ -41,8 +41,13 @@ define(
'use strict';
var brandCode = ko.observable(null);
var paymentMethod = ko.observable(null);
- var dfValue = ko.observable(null);
var messageComponents;
+ /**
+ * Shareble adyen checkout component
+ * @type {AdyenCheckout}
+ */
+ var checkoutComponent;
+
return Component.extend({
self: this,
defaults: {
@@ -53,11 +58,15 @@ define(
this._super()
.observe([
'brandCode',
- 'issuerId',
+ 'issuer',
'gender',
'dob',
'telephone',
- 'dfValue'
+ 'ownerName',
+ 'ibanNumber',
+ 'ssn',
+ 'bankAccountNumber',
+ 'bankLocationId'
]);
return this;
},initialize: function () {
@@ -67,6 +76,14 @@ define(
fullScreenLoader.startLoader();
+ /**
+ * Create sherable checkout component
+ * @type {AdyenCheckout}
+ */
+ self.checkoutComponent = new AdyenCheckout({
+ locale: self.getLocale()
+ });
+
// reset variable:
adyenPaymentService.setPaymentMethods();
@@ -90,19 +107,6 @@ define(
serviceUrl, JSON.stringify(payload)
).done(
function (response) {
- function waitForDfSet() {
- // Wait for dfSet function to be loaded from df.js script
- if (typeof dfSet == "undefined") {
- setTimeout(waitForDfSet, 500);
- return;
- }
-
- // set device fingerprint value
- dfSet('dfValue', 0);
- // propagate this manually to knockoutjs otherwise it would not work
- dfValue($('#dfValue').val());
- }
-
adyenPaymentService.setPaymentMethods(response);
if (JSON.stringify(response).indexOf("ratepay") > -1) {
var ratePayId = window.checkoutConfig.payment.adyenHpp.ratePayId;
@@ -121,23 +125,16 @@ define(
document.body.appendChild(ratepayScriptTag);
}
- // Load Adyen df.js script
- var dfScriptTag = document.createElement('script');
- dfScriptTag.src = "//live.adyen.com/hpp/js/df.js?v=20171130";
- dfScriptTag.type = "text/javascript";
- document.body.appendChild(dfScriptTag);
- waitForDfSet();
-
// create component needs to be in initialize method
var messageComponents = {};
_.map(response, function (value) {
var messageContainer = new Messages();
- var name = 'messages-' + value.brandCode;
+ var name = 'messages-' + self.getBrandCodeFromPaymentMethod(value);
var messagesComponent = {
parent: self.name,
- name: 'messages-' + value.brandCode,
- displayArea: 'messages-' + value.brandCode,
+ name: 'messages-' + self.getBrandCodeFromPaymentMethod(value),
+ displayArea: 'messages-' + self.getBrandCodeFromPaymentMethod(value),
component: 'Magento_Ui/js/view/messages',
config: {
messageContainer: messageContainer
@@ -161,7 +158,16 @@ define(
var paymentList = _.map(paymentMethods, function (value) {
var result = {};
- result.value = value.brandCode;
+
+ /**
+ * Returns the payment method's brand code (in checkout api it is the type)
+ * @returns {*}
+ */
+ result.getBrandCode = function() {
+ return self.getBrandCodeFromPaymentMethod(value);
+ };
+
+ result.value = result.getBrandCode();
result.name = value;
result.method = self.item.method;
/**
@@ -174,13 +180,20 @@ define(
return self.item.method;
};
result.validate = function () {
- return self.validate(value.brandCode);
+ return self.validate(result.getBrandCode());
};
result.placeRedirectOrder = function placeRedirectOrder(data) {
return self.placeRedirectOrder(data);
};
- result.isPlaceOrderActionAllowed = function(bool) {
- return self.isPlaceOrderActionAllowed(bool);
+ /**
+ * Set and get if the place order action is allowed
+ * Sets the placeOrderAllowed observable and the original isPlaceOrderActionAllowed as well
+ * @param bool
+ * @returns {*}
+ */
+ result.isPlaceOrderAllowed = function(bool) {
+ self.isPlaceOrderActionAllowed(bool);
+ return result.placeOrderAllowed(bool);
};
/**
@@ -196,48 +209,152 @@ define(
result.afterPlaceOrder = function() {
return self.afterPlaceOrder();
};
+ /**
+ * Checks if payment method is open invoice
+ * @returns {*|isPaymentMethodOpenInvoiceMethod}
+ */
result.isPaymentMethodOpenInvoiceMethod = function () {
return value.isPaymentMethodOpenInvoiceMethod;
};
+ /**
+ * Checks if payment method is open invoice but not in the list below
+ * [klarna, afterpay]
+ * @returns {boolean}
+ */
+ result.isPaymentMethodOtherOpenInvoiceMethod = function () {
+ if (
+ !result.isPaymentMethodAfterPay() &&
+ !result.isPaymentMethodKlarna() &&
+ !result.isPaymentMethodAfterPayTouch() &&
+ value.isPaymentMethodOpenInvoiceMethod
+ ) {
+ return true;
+ }
+
+ return false;
+ };
+ /**
+ * Checks if payment method is klarna
+ * @returns {boolean}
+ */
+ result.isPaymentMethodKlarna = function () {
+ if (result.getBrandCode() === "klarna") {
+ return true;
+ }
+
+ return false;
+ };
+ /**
+ * Checks if payment method is after pay
+ * @returns {boolean}
+ */
+ result.isPaymentMethodAfterPay = function () {
+ if (result.getBrandCode() === "afterpay_default") {
+ return true;
+ }
+
+ return false;
+ };
+ /**
+ * Checks if payment method is after pay touch
+ * @returns {boolean}
+ */
+ result.isPaymentMethodAfterPayTouch = function () {
+ if (result.getBrandCode() === "afterpaytouch") {
+ return true;
+ }
+
+ return false;
+ };
+ /**
+ * Get personal number (SSN) length based on the buyer's country
+ * @returns {number}
+ */
result.getSsnLength = function () {
if (quote.billingAddress().countryId == "NO") {
- //5 digits for Norway
- return 5;
+ //14 digits for Norway Ã…Ã…Ã…Ã…MMDD-XXXXX
+ return 14;
}
else {
- //4 digits for other Nordic countries
- return 4;
+ //13 digits for other Nordic countries Ã…Ã…Ã…Ã…MMDD-XXXX
+ return 13;
}
};
- result.isIssuerListAvailable = function () {
- if (value.hasOwnProperty("issuers") && value.issuers.length > 0) {
+ /**
+ * Get max length for the Bank account number
+ */
+ result.getBankAccountNumberMaxLength = function () {
+ return 17;
+ };
+ /**
+ * Checks if the payment method has issuers property available
+ * @returns {boolean}
+ */
+ result.hasIssuersProperty = function () {
+ if (
+ typeof value.details !== 'undefined' &&
+ typeof value.details[0].items !== 'undefined' &&
+ value.details[0].key == 'issuer'
+ ) {
return true;
}
return false;
};
- // Can be removed after checkout api feature branch goes live since the issuerId key is changed to
- // id there and just use the value.issuers in the component
- result.getIssuerListForComponent = function() {
- if (result.isIssuerListAvailable()) {
- return _.map(value.issuers, function (issuer, key) {
- return {
- "id": issuer.issuerId,
- "name": issuer.name
- };
- });
+ /**
+ * Checks if the payment method has issuer(s) available
+ * @returns {boolean}
+ */
+ result.hasIssuersAvailable = function () {
+ if (result.hasIssuersProperty() && value.details[0].items.length > 0) {
+ return true;
+ }
+
+ return false;
+ };
+ /**
+ * Returns the issuers for a payment method
+ * @returns {*}
+ */
+ result.getIssuers = function() {
+ if (result.hasIssuersAvailable()) {
+ return value.details[0].items;
}
return [];
};
+ /**
+ * Checks if payment method is iDeal
+ * @returns {boolean}
+ */
result.isIdeal = function () {
- if (value.brandCode.indexOf("ideal") >= 0) {
+ if (result.getBrandCode().indexOf("ideal") >= 0) {
return true;
}
return false;
};
+ /**
+ * Checks if payment method is ACH
+ * @returns {boolean}
+ */
+ result.isAch = function () {
+ if (result.getBrandCode().indexOf("ach") == 0) {
+ return true;
+ }
+
+ return false;
+ };
+ /**
+ * Checks if payment method is sepa direct debit
+ */
+ result.isSepaDirectDebit = function () {
+ if (result.getBrandCode().indexOf("sepadirectdebit") >= 0) {
+ return true;
+ }
+ return false;
+ };
/**
* Renders the secure fields,
* creates the ideal component,
@@ -246,39 +363,108 @@ define(
result.renderIdealComponent = function () {
result.isPlaceOrderAllowed(false);
- var secureFieldsNode = document.getElementById('iDealContainer');
+ var idealNode = document.getElementById('iDealContainer');
- var checkout = new AdyenCheckout({
- locale: self.getLocale()
+ var ideal = self.checkoutComponent.create('ideal', {
+ items: result.getIssuers(),
+ onChange: function (state) {
+ if (!!state.isValid) {
+ result.issuer(state.data.issuer);
+ result.isPlaceOrderAllowed(true);
+
+ } else {
+ result.isPlaceOrderAllowed(false);
+ }
+ }
});
- var ideal = checkout.create('ideal', {
- items: result.getIssuerListForComponent(),
+ ideal.mount(idealNode);
+ };
+
+ /**
+ * Creates the sepa direct debit component,
+ * sets up the callbacks for sepa components
+ */
+ result.renderSepaDirectDebitComponent = function () {
+ result.isPlaceOrderAllowed(false);
+
+ var sepaDirectDebitNode = document.getElementById('sepaDirectDebitContainer');
+
+ var sepaDirectDebit = self.checkoutComponent.create('sepadirectdebit', {
+ countryCode: self.getLocale(),
onChange: function (state) {
- // isValid is not present on start
- if (typeof state.isValid !== 'undefined' && state.isValid === false) {
+ if (!!state.isValid) {
+ result.ownerName(state.data["sepa.ownerName"]);
+ result.ibanNumber(state.data["sepa.ibanNumber"]);
+ result.isPlaceOrderAllowed(true);
+ } else {
result.isPlaceOrderAllowed(false);
}
- },
- onValid: function (state) {
- result.issuerId(state.data.issuer);
- result.isPlaceOrderAllowed(true);
- },
- onError: function (state) {
- result.isPlaceOrderAllowed(false);
}
});
- ideal.mount(secureFieldsNode);
+ sepaDirectDebit.mount(sepaDirectDebitNode);
+ };
+
+ /**
+ * Creates the klarna component,
+ * sets up the callbacks for klarna components
+ */
+ result.renderKlarnaComponent = function () {
+
+ var klarnaNode = document.getElementById('klarnaContainer');
+
+ var klarna = self.checkoutComponent.create('klarna', {
+ countryCode: self.getLocale(),
+ details: self.filterOutOpenInvoiceComponentDetails(value.details),
+ visibility: {
+ personalDetails: "editable"
+ },
+ onChange: function (state) {
+ if (!!state.isValid) {
+ result.dob(state.data.personalDetails.dateOfBirth);
+ result.telephone(state.data.personalDetails.telephoneNumber);
+ result.gender(state.data.personalDetails.gender);
+ result.isPlaceOrderAllowed(true);
+ } else {
+ result.isPlaceOrderAllowed(false);
+ }
+ }
+ }).mount(klarnaNode);
+ };
+
+ /**
+ * Creates the afterpay component,
+ * sets up the callbacks for klarna components
+ */
+ result.renderAfterPayComponent = function () {
+
+ var afterPay = self.checkoutComponent.create('afterpay', {
+ countryCode: self.getLocale(),
+ details: self.filterOutOpenInvoiceComponentDetails(value.details),
+ visibility: {
+ personalDetails: "editable"
+ },
+ onChange: function (state) {
+ if (!!state.isValid) {
+ result.dob(state.data.personalDetails.dateOfBirth);
+ result.telephone(state.data.personalDetails.telephoneNumber);
+ result.gender(state.data.personalDetails.gender);
+ result.isPlaceOrderAllowed(true);
+ } else {
+ result.isPlaceOrderAllowed(false);
+ }
+ }
+ }).mount(document.getElementById('afterPayContainer'));
};
- if (value.hasOwnProperty("issuers")) {
- if (value.issuers.length == 0) {
+ if (result.hasIssuersProperty()) {
+ if (!result.hasIssuersAvailable()) {
return false;
}
- result.issuerIds = value.issuers;
- result.issuerId = ko.observable(null);
+ result.issuerIds = result.getIssuers();
+ result.issuer = ko.observable(null);
} else if (value.isPaymentMethodOpenInvoiceMethod) {
result.telephone = ko.observable(quote.shippingAddress().telephone);
result.gender = ko.observable(window.checkoutConfig.payment.adyenHpp.gender);
@@ -289,17 +475,8 @@ define(
result.getRatePayDeviceIdentToken = function () {
return window.checkoutConfig.payment.adyenHpp.deviceIdentToken;
};
- result.showGender = function () {
- return window.checkoutConfig.payment.adyenHpp.showGender;
- };
- result.showDob = function () {
- return window.checkoutConfig.payment.adyenHpp.showDob;
- };
- result.showTelephone = function () {
- return window.checkoutConfig.payment.adyenHpp.showTelephone;
- };
result.showSsn = function () {
- if (value.brandCode.indexOf("klarna") >= 0) {
+ if (result.getBrandCode().indexOf("klarna") >= 0) {
var ba = quote.billingAddress();
if (ba != null) {
var nordicCountriesList = window.checkoutConfig.payment.adyenHpp.nordicCountries;
@@ -310,6 +487,13 @@ define(
}
return false;
};
+ } else if (result.isSepaDirectDebit()) {
+ result.ownerName = ko.observable(null);
+ result.ibanNumber = ko.observable(null);
+ } else if (result.isAch()) {
+ result.ownerName = ko.observable(null);
+ result.bankAccountNumber = ko.observable(null);
+ result.bankLocationId = ko.observable(null);
}
return result;
@@ -343,12 +527,10 @@ define(
var additionalData = {};
additionalData.brand_code = self.value;
- additionalData.df_value = dfValue();
- if (self.isIssuerListAvailable()) {
- additionalData.issuer_id = this.issuerId();
- }
- else if (self.isPaymentMethodOpenInvoiceMethod()) {
+ if (self.hasIssuersAvailable()) {
+ additionalData.issuer_id = this.issuer();
+ } else if (self.isPaymentMethodOpenInvoiceMethod()) {
additionalData.gender = this.gender();
additionalData.dob = this.dob();
additionalData.telephone = this.telephone();
@@ -356,6 +538,13 @@ define(
if (brandCode() == "ratepay") {
additionalData.df_value = this.getRatePayDeviceIdentToken();
}
+ } else if (self.isSepaDirectDebit()) {
+ additionalData.ownerName = this.ownerName();
+ additionalData.ibanNumber = this.ibanNumber();
+ } else if (self.isAch()) {
+ additionalData.bankAccountOwnerName = this.ownerName();
+ additionalData.bankAccountNumber = this.bankAccountNumber();
+ additionalData.bankLocationId = this.bankLocationId();
}
data.additional_data = additionalData;
@@ -415,6 +604,7 @@ define(
$("#messages-" + brandCode()).slideUp();
}, 10000);
self.isPlaceOrderActionAllowed(true);
+ fullScreenLoader.stopLoader();
}
).done(
function () {
@@ -436,9 +626,6 @@ define(
}
return null;
}),
- isPaymentMethodSelectionOnAdyen: function () {
- return window.checkoutConfig.payment.adyenHpp.isPaymentMethodSelectionOnAdyen;
- },
isIconEnabled: function () {
return window.checkoutConfig.payment.adyen.showLogo;
},
@@ -452,11 +639,63 @@ define(
return true;
},
+ /**
+ * Returns the payment method's brand code using the payment method from the response object
+ * (in checkout api it is the type)
+ * @returns {*}
+ */
+ getBrandCodeFromPaymentMethod: function (paymentMethod) {
+ if (typeof paymentMethod.type !== 'undefined') {
+ return paymentMethod.type;
+ }
+
+ return '';
+ },
getRatePayDeviceIdentToken: function () {
return window.checkoutConfig.payment.adyenHpp.deviceIdentToken;
},
getLocale: function () {
return window.checkoutConfig.payment.adyenHpp.locale;
+ },
+ /**
+ * In the open invoice components we need to validate only the personal details and only the
+ * dateOfBirth, telephoneNumber and gender if it's set in the admin
+ * @param details
+ * @returns {Array}
+ */
+ filterOutOpenInvoiceComponentDetails: function (details) {
+ var self = this;
+ var filteredDetails = _.map(details, function (parentDetail) {
+ if (parentDetail.key == "personalDetails") {
+ var detailObject = _.map(parentDetail.details, function (detail) {
+ if (detail.key == 'dateOfBirth' ||
+ detail.key == 'telephoneNumber' ||
+ detail.key == 'gender') {
+ return detail;
+ }
+ });
+
+ if (!!detailObject) {
+ return {
+ "key": parentDetail.key,
+ "type": parentDetail.type,
+ "details": self.filterUndefinedItemsInArray(detailObject)
+ };
+ }
+ }
+ });
+
+ return self.filterUndefinedItemsInArray(filteredDetails);
+ },
+ /**
+ * Helper function to filter out the undefined items from an array
+ * @param arr
+ * @returns {*}
+ */
+ filterUndefinedItemsInArray: function(arr) {
+ return arr.filter(function(item){
+ return typeof item !== 'undefined';
+ });
}
});
}
diff --git a/view/frontend/web/js/view/payment/method-renderer/adyen-oneclick-method.js b/view/frontend/web/js/view/payment/method-renderer/adyen-oneclick-method.js
index d64760399..8b1baf3da 100755
--- a/view/frontend/web/js/view/payment/method-renderer/adyen-oneclick-method.js
+++ b/view/frontend/web/js/view/payment/method-renderer/adyen-oneclick-method.js
@@ -100,6 +100,13 @@ define(
getAdyenBillingAgreements: function () {
var self = this;
+ // shareable adyen checkout component
+ var checkout = new AdyenCheckout({
+ locale: self.getLocale(),
+ originKey: self.getOriginKey(),
+ loadingContext: self.getLoadingContext()
+ });
+
// convert to list so you can iterate
var paymentList = _.map(window.checkoutConfig.payment.adyenOneclick.billingAgreements, function (value) {
@@ -211,17 +218,10 @@ define(
}
var oneClickCardNode = document.getElementById('cvcContainer-' + self.value);
- var checkout = new AdyenCheckout({
- locale: self.getLocale()
- });
-
// this should be fixed in new version of checkout card component
var hideCVC = false;
if (this.hasVerification()) {
- if (self.agreement_data.variant == "bcmc") {
- hideCVC = true;
- self.placeOrderAllowed(true);
- } else if (self.agreement_data.variant == "maestro") {
+ if (self.agreement_data.variant == "maestro") {
// for maestro cvc is optional
self.placeOrderAllowed(true);
}
@@ -231,19 +231,9 @@ define(
var oneClickCard = checkout
.create('card', {
- originKey: self.getOriginKey(),
- loadingContext: self.getLoadingContext(),
type: self.agreement_data.variant,
- oneClick: true,
hideCVC: hideCVC,
-
- // Specific for oneClick cards
- details: [
- {
- "key": "cardDetails.cvc",
- "type": "cvc"
- }
- ],
+ details: self.getOneclickDetails(),
storedDetails: {
"card": {
"expiryMonth": self.agreement_data.card.expiryMonth,
@@ -252,8 +242,11 @@ define(
"number": self.agreement_data.card.number
}
},
- onChange: function (state) {
+ onChange: function (state, component) {
if (state.isValid) {
+ self.placeOrderAllowed(true);
+ isValid(true);
+
if (typeof state.data !== 'undefined' &&
typeof state.data.encryptedSecurityCode !== 'undefined'
) {
@@ -261,26 +254,20 @@ define(
}
} else {
self.encryptedCreditCardVerificationNumber = '';
- // onChange is called on the startup so make sure maestro has always optional cvc field
+
if (self.agreement_data.variant != "maestro") {
self.placeOrderAllowed(false);
isValid(false);
}
}
- },
- onValid: function (state) {
- if (state.isValid) {
- self.placeOrderAllowed(true);
- isValid(true);
- } else {
+
+ // When we move to the component v2.2 it should be removed
+ if (self.agreement_data.variant == "maestro" &&
+ component.state.errors.encryptedSecurityCode
+ ) {
+ self.placeOrderAllowed(false);
isValid(false);
}
- return;
- },
- onError: function (data) {
- self.placeOrderAllowed(false);
- isValid(false);
- return;
}
})
.mount(oneClickCardNode);
@@ -288,6 +275,27 @@ define(
window.adyencheckout = oneClickCard;
},
+ /**
+ * We use the billingAgreements to save the oneClick stored payments but we don't store the
+ * details object that we get from the paymentMethods call. This function is a fix for BCMC.
+ * When we render the stored payments dynamically from the paymentMethods call response it
+ * should be removed
+ * @returns {*}
+ */
+ getOneclickDetails: function() {
+ var self = this;
+
+ if (self.agreement_data.variant === 'bcmc') {
+ return [];
+ } else {
+ return [
+ {
+ "key": "cardDetails.cvc",
+ "type": "cvc"
+ }
+ ];
+ }
+ },
/**
* Builds the payment details part of the payment information reqeust
*
@@ -328,15 +336,6 @@ define(
getCode: function () {
return self.item.method;
},
- getLocale: function () {
- return window.checkoutConfig.payment.adyenOneclick.locale;
- },
- getOriginKey: function () {
- return window.checkoutConfig.payment.adyenOneclick.originKey;
- },
- getLoadingContext: function () {
- return window.checkoutConfig.payment.adyenOneclick.checkoutUrl;
- },
hasVerification: function () {
return self.hasVerification()
},
@@ -346,6 +345,9 @@ define(
getMessageContainer: function () {
return messageContainer;
},
+ getOriginKey:function () {
+ return self.getOriginKey();
+ },
isPlaceOrderActionAllowed: function () {
return self.isPlaceOrderActionAllowed(); // needed for placeOrder method
},
@@ -434,6 +436,15 @@ define(
},
hasVerification: function () {
return window.checkoutConfig.payment.adyenOneclick.hasCustomerInteraction;
+ },
+ getLocale: function () {
+ return window.checkoutConfig.payment.adyenOneclick.locale;
+ },
+ getOriginKey: function () {
+ return window.checkoutConfig.payment.adyenOneclick.originKey;
+ },
+ getLoadingContext: function () {
+ return window.checkoutConfig.payment.adyenOneclick.checkoutUrl;
}
});
}
diff --git a/view/frontend/web/js/view/payment/method-renderer/adyen-sepa-method.js b/view/frontend/web/js/view/payment/method-renderer/adyen-sepa-method.js
deleted file mode 100644
index 2d01a84e6..000000000
--- a/view/frontend/web/js/view/payment/method-renderer/adyen-sepa-method.js
+++ /dev/null
@@ -1,110 +0,0 @@
-/**
- * ######
- * ######
- * ############ ####( ###### #####. ###### ############ ############
- * ############# #####( ###### #####. ###### ############# #############
- * ###### #####( ###### #####. ###### ##### ###### ##### ######
- * ###### ###### #####( ###### #####. ###### ##### ##### ##### ######
- * ###### ###### #####( ###### #####. ###### ##### ##### ######
- * ############# ############# ############# ############# ##### ######
- * ############ ############ ############# ############ ##### ######
- * ######
- * #############
- * ############
- *
- * Adyen Payment module (https://www.adyen.com/)
- *
- * Copyright (c) 2015 Adyen BV (https://www.adyen.com/)
- * See LICENSE.txt for license details.
- *
- * Author: Adyen
- */
-define(
- [
- 'underscore',
- 'jquery',
- 'Magento_Checkout/js/model/quote',
- 'Magento_Payment/js/view/payment/cc-form'
- ],
- function (_, $, quote, Component) {
- 'use strict';
- var billingAddress = quote.billingAddress();
- return Component.extend({
- self: this,
- defaults: {
- template: 'Adyen_Payment/payment/sepa-form',
- country: billingAddress.countryId
- },
- initObservable: function () {
- this._super()
- .observe([
- 'accountName',
- 'iban',
- 'country',
- 'setAcceptSepa'
- ]);
- return this;
- },
- /**
- * @returns {Boolean}
- */
- isShowLegend: function () {
- return true;
- },
- setPlaceOrderHandler: function (handler) {
- this.placeOrderHandler = handler;
- },
- setValidateHandler: function (handler) {
- this.validateHandler = handler;
- },
- getCode: function () {
- return 'adyen_sepa';
- },
- getData: function () {
- return {
- 'method': this.item.method,
- 'additional_data': {
- 'account_name': this.accountName(),
- 'iban': this.iban(),
- 'country': this.country(),
- 'accept_sepa': this.setAcceptSepa()
- }
- };
- },
- isActive: function () {
- return true;
- },
- getControllerName: function () {
- return window.checkoutConfig.payment.iframe.controllerName[this.getCode()];
- },
- getPlaceOrderUrl: function () {
- return window.checkoutConfig.payment.iframe.placeOrderUrl[this.getCode()];
- },
- context: function () {
- return this;
- },
- validate: function () {
- var form = 'form[data-role=adyen-sepa-form]';
-
- var validate = $(form).validation() && $(form).validation('isValid');
-
- if (!validate) {
- return false;
- }
-
- return true;
- },
- showLogo: function () {
- return window.checkoutConfig.payment.adyen.showLogo;
- },
- getCountries: function () {
- return _.map(window.checkoutConfig.payment.adyenSepa.countries, function (value, key) {
- return {
- 'key': key,
- 'value': value
- }
- });
- }
- });
- }
-);
diff --git a/view/frontend/web/template/payment/boleto-form.html b/view/frontend/web/template/payment/boleto-form.html
index 126960bbb..a319dac09 100755
--- a/view/frontend/web/template/payment/boleto-form.html
+++ b/view/frontend/web/template/payment/boleto-form.html
@@ -141,13 +141,6 @@
-
-
-
-
-
-
-
diff --git a/view/frontend/web/template/payment/hpp-form.html b/view/frontend/web/template/payment/hpp-form.html
index f2b1f4afe..44e1e11eb 100755
--- a/view/frontend/web/template/payment/hpp-form.html
+++ b/view/frontend/web/template/payment/hpp-form.html
@@ -22,129 +22,182 @@
*/
-->
-
-
-
-
-
-
-