Skip to content

Commit 6adfe47

Browse files
Update visual-examples.md
1 parent f2ad4aa commit 6adfe47

File tree

1 file changed

+4
-82
lines changed

1 file changed

+4
-82
lines changed

docs/invoice/visual-examples.md

+4-82
Original file line numberDiff line numberDiff line change
@@ -2,87 +2,9 @@
22
sidebar_position: 7
33
---
44

5-
# Visual examples
5+
:::caution
66

7-
## User pays invoice
7+
Please notice that as part of the merger between MobilePay and Norwegian Vipps, we will consolidate products on one joint platform.
8+
This product is now closed. Please visit our new developer documentation to see the new APIs we offer https://developer.vippsmobilepay.com/
89

9-
### How users initiate payment
10-
11-
[![Initiate payment](/img/invoice-how_user_initiates_payment.jpg)](/img/invoice-how_user_initiates_payment.jpg)
12-
13-
### Pay invoice
14-
15-
[![Pay invoice now](/img/invoice-pay_invoice_now.jpeg)](/img/invoice-pay_invoice_now.jpeg)
16-
17-
### Schedule invoice payment for future
18-
19-
[![Schedule invoice](/img/invoice-schedule_invoice_payment_for_future.jpeg)](/img/invoice-schedule_invoice_payment_for_future.jpeg)
20-
21-
## View bill
22-
23-
<img
24-
src={require('/img/invoice-view_bill.jpeg').default}
25-
alt="PoS confirmation screen"
26-
width="650"
27-
/>
28-
29-
## Reject Invoice
30-
31-
[![Reject invoice](/img/invoice-reject_invoice.jpeg)](/img/invoice-reject_invoice.jpeg)
32-
33-
## PDF example
34-
35-
Image explains what data of merchant/invoice issuer/invoice is used in the generated PDF and where.
36-
37-
[<img
38-
src={require('/img/invoice-pdf.png').default}
39-
alt="PoS confirmation screen"
40-
width="750"
41-
/>](/img/invoice-pdf.png)
42-
43-
| Marking from example | Mapping Invoice | EN | DK | FI |
44-
|-------------------------------|---------------------------------------------------------------------|-------------------|-----------------------|----------------------|
45-
| 1 | Hardcoded | Invoice | FAKTURA | LASKU |
46-
| 2 | Invoice issuer logo | N/A | N/A | N/A |
47-
| 3 | Invoice Issuer name | N/A | N/A | N/A |
48-
| 4 | Invoice issuer address | N/A | N/A | N/A |
49-
| 5 | Merchant CVR | Company ID | CVR | Y-tunnus |
50-
| 6 | MerchantContanctName | N/A | N/A | N/A |
51-
| 7 | ConsumerName | N/A | N/A | N/A |
52-
| 8 | ConsumerAddressLines | N/A | N/A | N/A |
53-
| 9 | Alias | N/A | N/A | N/A |
54-
| 10 | DeliveryAddressLines | Delivery address | Leveringsadresse | Toimitusosoite |
55-
| 11 | DeliveryDate | Delivery date | Leveringsdato | Toimituspäivä |
56-
| 12 | BuyerOrderNumber | Buyers order ID | Købers ordrenummer | Ostajan tilausnumero |
57-
| 13 | MerchantOrderNumber | Merchant order ID | Sælgers ordrenummmer | Myyjän tilausnumero |
58-
| 14 | OrderDate | Order date | Ordredato | Päivä |
59-
| 15 | InvoiceNumber | Invoice number | Fakturanummer | Laskun numero |
60-
| 16 | IssueDate | Issue date | Fakturadato | Laskun päivä |
61-
| 17 | DueDate | Due date | Betalingsdato | Eräpäivä |
62-
| 18 | PaymentReference | Payment reference | Betalingsreference | Maksun viite |
63-
| 19 | ArticleNumber | Item ID | Varenummer | Tuotenumero |
64-
| 20 | ArticleDescription | Description | Beskrivelse | Kuvaus |
65-
| 21 | Quantity | Quantity | Antal | Määrä |
66-
| 22 | Unit | Type | Enhed | Yksikkö |
67-
| 23 | PricePerUnit | Quantity price | Enhedspris | Yksikköhinta |
68-
| 24 | VATRate % | VAT | Moms | ALV |
69-
| 25 | TotalPriceIncludingVat | Total | Total | Yhteensä |
70-
| 26 | Sum of PriceReduction | Price deduction | Total prisnedsættelse | Kokonaishinta |
71-
| 27 | Sum of PriceDiscount | Discount | Total rabat | Alennus |
72-
| 28 | Sum of Bonus | Bonus | Total bonus | Kokonaisbonus |
73-
| 29 | Calculated TotalAmount - (sum of InvoiceArticles.TotalVATAmount) | Total ex VAT | Total uden moms | Yhteensä ilman ALV |
74-
| 30 | TotalVatAmount | Total VAT | Moms | ALV yhteensä |
75-
| 31 | TotalAmount | Total | Total | Yhteensä |
76-
| 32 | Comment | Comments | Kommentar | Kommentit |
77-
78-
## InvoiceLink flows
79-
80-
### Dual device flow
81-
82-
Scheme represents flow when user press on `InvoiceLink` link in the desktop device or tablet.
83-
[![Dual device flow](/img/invoice-dual_device_flow.png)](/img/invoice-dual_device_flow.png)
84-
85-
### Single device flow
86-
87-
Scheme represents flow when user press on `InvoiceLink` link in the mobile device (except tablet).
88-
[![Single device flow](/img/invoice-single_device_flow.png)](/img/invoice-single_device_flow.png)
10+
:::

0 commit comments

Comments
 (0)