UNPKG

@adyen/adyen-web

Version:

[![npm](https://img.shields.io/npm/v/@adyen/adyen-web.svg)](https://www.npmjs.com/package/@adyen/adyen-web)

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