UNPKG

@atlas-kitchen/adyen-web

Version:
3 lines (2 loc) 3.08 kB
import{createElement as e}from"../../../external/preact/dist/preact.js";import a from"../../../_virtual/index.js";import r from"../Button/Button.js";import{copyToClipboard as o}from"../../../utils/clipboard.js";import{useCoreContext as c}from"../../../core/Context/CoreProvider.js";import t from"../../../core/Context/useImage.js";import{PREFIX as n}from"../Icon/constants.js";import s from"../DetailsTable/DetailsTable.js";function _({voucherDetails:_=[],className:l="",...u}){const{i18n:i}=c(),d=t();return u.onActionHandled?.({componentType:u.paymentMethodType,actionDescription:"voucher-presented"}),e("div",{className:a("adyen-checkout__voucher-result",`adyen-checkout__voucher-result--${u.paymentMethodType}`,l)},e("div",{className:"adyen-checkout__voucher-result__top"},e("div",{className:"adyen-checkout__voucher-result__image"},!!u.imageUrl&&e("span",{className:"adyen-checkout__voucher-result__image__wrapper"},e("img",{alt:u.paymentMethodType,className:"adyen-checkout__voucher-result__image__brand",src:u.imageUrl})),!!u.issuerImageUrl&&e("span",{className:"adyen-checkout__voucher-result__image__wrapper"},e("img",{alt:u.paymentMethodType,className:"adyen-checkout__voucher-result__image__issuer",src:u.issuerImageUrl}))),e("div",{className:"adyen-checkout__voucher-result__introduction"},u.introduction," ",u.instructionsUrl&&e("a",{className:"adyen-checkout-link adyen-checkout-link--voucher-result-instructions",href:u.instructionsUrl,target:"_blank",rel:"noopener noreferrer"},i.get("voucher.readInstructions")," ›")),u.amount&&e("div",{className:"adyen-checkout__voucher-result__amount"},u.amount,u.surcharge&&e("span",{className:"adyen-checkout__voucher-result__surcharge"},"(",i.get("voucher.surcharge").replace("%@",u.surcharge),")"))),u.reference&&e("div",{className:"adyen-checkout__voucher-result__separator"},e("div",{className:"adyen-checkout__voucher-result__separator__inner"}),e("div",{className:"adyen-checkout__voucher-result__code__label"},e("span",{className:"adyen-checkout__voucher-result__code__label__text"},i.get("voucher.paymentReferenceLabel")))),e("div",{className:"adyen-checkout__voucher-result__bottom"},u.reference&&e("div",{className:"adyen-checkout__voucher-result__code"},u.barcode&&e("img",{alt:i.get("voucher.paymentReferenceLabel"),className:"adyen-checkout__voucher-result__code__barcode",src:u.barcode}),e("span",null,u.reference)),(!!u.downloadUrl||!!u.copyBtn)&&e("ul",{className:"adyen-checkout__voucher-result__actions"},!!u.copyBtn&&e("li",{className:"adyen-checkout__voucher-result__actions__item"},e(r,{inline:!0,variant:"action",onClick:(e,{complete:a})=>{o(u.reference),a()},icon:d({imageFolder:"components/"})(`${n}copy`),label:i.get("button.copy")})),!!u.downloadUrl&&e("li",{className:"adyen-checkout__voucher-result__actions__item"},e(r,{inline:!0,variant:"action",href:u.downloadUrl,icon:d({imageFolder:"components/"})(`${n}download`),label:u.downloadButtonText||i.get("button.download"),target:"_blank",rel:"noopener noreferrer"}))),e(s,{tableFields:_})))}export{_ as default}; //# sourceMappingURL=Voucher.js.map