maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-26 06:47:17 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update booking breakdown styleguide example

Browse source 
Add examples with arbitrary line items.
This commit is contained in:
Hannu Lyytikainen 2019-04-04 14:42:44 +03:00
parent 1fbe92f7e6
commit 1f0938a87c
1 changed files with 132 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

132
src/components/BookingBreakdown/BookingBreakdown.example.js
View file

@ -497,3 +497,135 @@ export const UnitsType = {
}),
},
};
export const CustomPricing = {
component: BookingBreakdown,
props: {
userRole: 'customer',
unitType: LINE_ITEM_NIGHT,
transaction: exampleTransaction({
payinTotal: new Money(12800, CURRENCY),
payoutTotal: new Money(12600, CURRENCY),
lineItems: [
{
code: 'line-item/night',
includeFor: ['customer', 'provider'],
quantity: new Decimal(2),
unitPrice: new Money(4500, CURRENCY),
lineTotal: new Money(9000, CURRENCY),
reversal: false,
},
{
code: 'line-item/car-cleaning',
includeFor: ['customer', 'provider'],
quantity: new Decimal(1),
unitPrice: new Money(5000, CURRENCY),
lineTotal: new Money(5000, CURRENCY),
reversal: false,
},
{
code: 'line-item/season-discount',
includeFor: ['customer', 'provider'],
percentage: new Decimal(-10),
unitPrice: new Money(14000, CURRENCY),
lineTotal: new Money(-1400, CURRENCY),
reversal: false,
},
{
code: 'line-item/customer-commission',
includeFor: ['customer'],
percentage: new Decimal(10),
unitPrice: new Money(2000, CURRENCY),
lineTotal: new Money(200, CURRENCY),
reversal: false,
},
],
}),
booking: exampleBooking({
start: new Date(Date.UTC(2017, 3, 14)),
end: new Date(Date.UTC(2017, 3, 16)),
}),
},
};
export const CustomPricingWithRefund = {
component: BookingBreakdown,
props: {
userRole: 'customer',
unitType: LINE_ITEM_NIGHT,
transaction: exampleTransaction({
payinTotal: new Money(0, CURRENCY),
payoutTotal: new Money(0, CURRENCY),
lineItems: [
{
code: 'line-item/night',
includeFor: ['customer', 'provider'],
quantity: new Decimal(2),
unitPrice: new Money(4500, CURRENCY),
lineTotal: new Money(9000, CURRENCY),
reversal: false,
},
{
code: 'line-item/night',
includeFor: ['customer', 'provider'],
quantity: new Decimal(-2),
unitPrice: new Money(4500, CURRENCY),
lineTotal: new Money(-9000, CURRENCY),
reversal: true,
},
{
code: 'line-item/car-cleaning',
includeFor: ['customer', 'provider'],
quantity: new Decimal(1),
unitPrice: new Money(5000, CURRENCY),
lineTotal: new Money(5000, CURRENCY),
reversal: false,
},
{
code: 'line-item/car-cleaning',
includeFor: ['customer', 'provider'],
quantity: new Decimal(-1),
unitPrice: new Money(5000, CURRENCY),
lineTotal: new Money(-5000, CURRENCY),
reversal: true,
},
{
code: 'line-item/season-discount',
includeFor: ['customer', 'provider'],
percentage: new Decimal(-10),
unitPrice: new Money(14000, CURRENCY),
lineTotal: new Money(-1400, CURRENCY),
reversal: false,
},
{
code: 'line-item/season-discount',
includeFor: ['customer', 'provider'],
percentage: new Decimal(10),
unitPrice: new Money(14000, CURRENCY),
lineTotal: new Money(1400, CURRENCY),
reversal: true,
},
{
code: 'line-item/customer-commission',
includeFor: ['customer'],
percentage: new Decimal(10),
unitPrice: new Money(2000, CURRENCY),
lineTotal: new Money(200, CURRENCY),
reversal: false,
},
{
code: 'line-item/customer-commission',
includeFor: ['customer'],
percentage: new Decimal(-10),
unitPrice: new Money(2000, CURRENCY),
lineTotal: new Money(-200, CURRENCY),
reversal: true,
},
],
}),
booking: exampleBooking({
start: new Date(Date.UTC(2017, 3, 14)),
end: new Date(Date.UTC(2017, 3, 16)),
}),
},
};