@driveflux/pdf 4.0.39 → 4.0.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/__mocks__/quotation.js +11 -10
- package/dist/__mocks__/subscription.js +121 -379
- package/dist/__mocks__/tou.js +10 -9
- package/dist/components/FluxLogo.js +3 -62
- package/dist/components/StandardPage.js +10 -99
- package/dist/debug.js +26 -205
- package/dist/index.js +1 -0
- package/dist/templates/QuotationPdf/CustomerSubscriptionSection.js +27 -145
- package/dist/templates/QuotationPdf/GFV.js +12 -49
- package/dist/templates/QuotationPdf/Header.js +5 -63
- package/dist/templates/QuotationPdf/Pricing.js +201 -573
- package/dist/templates/QuotationPdf/QuotationPdfPage.js +3 -23
- package/dist/templates/QuotationPdf/SectionBoxNew.js +4 -34
- package/dist/templates/QuotationPdf/TermsSection.js +5 -42
- package/dist/templates/QuotationPdf/VehiclePhotos.js +24 -54
- package/dist/templates/QuotationPdf/index.js +10 -189
- package/dist/templates/QuotationPdf/translations.js +22 -34
- package/dist/templates/QuotationPdf/utils.d.ts +3 -3
- package/dist/templates/QuotationPdf/utils.d.ts.map +1 -1
- package/dist/templates/QuotationPdf/utils.js +49 -83
- package/dist/templates/QuotationPdf/utils.js.map +1 -1
- package/dist/templates/SubscriptionAgreement/Confirmation.js +10 -65
- package/dist/templates/SubscriptionAgreement/CoverPage.js +10 -93
- package/dist/templates/SubscriptionAgreement/CoverPageSection.js +5 -16
- package/dist/templates/SubscriptionAgreement/Details.js +59 -139
- package/dist/templates/SubscriptionAgreement/Footer.js +6 -48
- package/dist/templates/SubscriptionAgreement/Header.js +5 -35
- package/dist/templates/SubscriptionAgreement/LabelValue.js +3 -25
- package/dist/templates/SubscriptionAgreement/SubscriptionAgreementPage.js +3 -26
- package/dist/templates/SubscriptionAgreement/TermsOfUse.js +8 -94
- package/dist/templates/SubscriptionAgreement/TermsOfUseSubSection.js +11 -97
- package/dist/templates/SubscriptionAgreement/index.js +15 -245
- package/dist/templates/SubscriptionAgreement/translations.js +194 -195
- package/dist/templates/SubscriptionAgreement/types.js +2 -1
- package/dist/templates/SubscriptionAgreement/utils.js +11 -16
- package/dist/templates/index.js +1 -0
- package/dist/theme/colors.js +63 -44
- package/dist/theme/index.js +1 -0
- package/dist/types.js +2 -1
- package/dist/utils.js +16 -159
- package/dist/watch.js +4 -3
- package/package.json +2 -2
|
@@ -1,43 +1,13 @@
|
|
|
1
|
-
function _object_without_properties(source, excluded) {
|
|
2
|
-
if (source == null) return {};
|
|
3
|
-
var target = _object_without_properties_loose(source, excluded);
|
|
4
|
-
var key, i;
|
|
5
|
-
if (Object.getOwnPropertySymbols) {
|
|
6
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
7
|
-
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
8
|
-
key = sourceSymbolKeys[i];
|
|
9
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
10
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
11
|
-
target[key] = source[key];
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
return target;
|
|
15
|
-
}
|
|
16
|
-
function _object_without_properties_loose(source, excluded) {
|
|
17
|
-
if (source == null) return {};
|
|
18
|
-
var target = {};
|
|
19
|
-
var sourceKeys = Object.keys(source);
|
|
20
|
-
var key, i;
|
|
21
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
22
|
-
key = sourceKeys[i];
|
|
23
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
24
|
-
target[key] = source[key];
|
|
25
|
-
}
|
|
26
|
-
return target;
|
|
27
|
-
}
|
|
28
1
|
import { formatMoney } from '@driveflux/format-money';
|
|
29
|
-
export
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
}).map(function(a) {
|
|
36
|
-
return address[a];
|
|
37
|
-
}).join(', ');
|
|
2
|
+
export const formatAddress = (originalAddress) => {
|
|
3
|
+
const { coordinates, ...address } = originalAddress;
|
|
4
|
+
return Object.keys(address)
|
|
5
|
+
.filter((key) => key !== 'name' && !!address[key])
|
|
6
|
+
.map((a) => address[a])
|
|
7
|
+
.join(', ');
|
|
38
8
|
};
|
|
39
|
-
export
|
|
40
|
-
switch(plan){
|
|
9
|
+
export const getSimplifiedPlanTranslation = (plan) => {
|
|
10
|
+
switch (plan) {
|
|
41
11
|
case 'plan60':
|
|
42
12
|
return '60 Months';
|
|
43
13
|
case 'plan36':
|
|
@@ -50,18 +20,17 @@ export var getSimplifiedPlanTranslation = function(plan) {
|
|
|
50
20
|
return 'Monthly';
|
|
51
21
|
case 'planWeekly':
|
|
52
22
|
return 'Weekly';
|
|
53
|
-
default:
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
}
|
|
23
|
+
default: {
|
|
24
|
+
const _exhaustiveCheck = plan;
|
|
25
|
+
return 'Unknown Plan';
|
|
26
|
+
}
|
|
58
27
|
}
|
|
59
28
|
};
|
|
60
|
-
export
|
|
29
|
+
export const getMileagePackageTranslation = (mileagePackage) => {
|
|
61
30
|
if (!mileagePackage) {
|
|
62
31
|
return 'Unknown Mileage Package';
|
|
63
32
|
}
|
|
64
|
-
switch(mileagePackage){
|
|
33
|
+
switch (mileagePackage) {
|
|
65
34
|
case 'lite':
|
|
66
35
|
return 'Lite';
|
|
67
36
|
case 'standard':
|
|
@@ -70,18 +39,17 @@ export var getMileagePackageTranslation = function(mileagePackage) {
|
|
|
70
39
|
return 'Plus';
|
|
71
40
|
case 'unlimited':
|
|
72
41
|
return 'Unlimited';
|
|
73
|
-
default:
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
}
|
|
42
|
+
default: {
|
|
43
|
+
const _exhaustiveCheck = mileagePackage;
|
|
44
|
+
return 'Unknown Mileage Package';
|
|
45
|
+
}
|
|
78
46
|
}
|
|
79
47
|
};
|
|
80
|
-
export
|
|
48
|
+
export const getFullMileagePackageTranslation = (plan) => {
|
|
81
49
|
if (!plan) {
|
|
82
50
|
return 'Unknown Mileage Package';
|
|
83
51
|
}
|
|
84
|
-
switch(plan){
|
|
52
|
+
switch (plan) {
|
|
85
53
|
case 'lite':
|
|
86
54
|
return 'Lite - 1,250KM';
|
|
87
55
|
case 'standard':
|
|
@@ -90,40 +58,38 @@ export var getFullMileagePackageTranslation = function(plan) {
|
|
|
90
58
|
return 'Plus - 2,750KM';
|
|
91
59
|
case 'unlimited':
|
|
92
60
|
return 'Unlimited';
|
|
93
|
-
default:
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
}
|
|
61
|
+
default: {
|
|
62
|
+
const _exhaustiveCheck = plan;
|
|
63
|
+
return 'Unknown Mileage Package';
|
|
64
|
+
}
|
|
98
65
|
}
|
|
99
66
|
};
|
|
100
|
-
export
|
|
101
|
-
|
|
102
|
-
switch(discountType){
|
|
67
|
+
export const getPromoNotes = (amount, discount) => {
|
|
68
|
+
const { discountType, discountValue, maxRedemptions } = discount;
|
|
69
|
+
switch (discountType) {
|
|
103
70
|
case 'percentage':
|
|
104
|
-
return
|
|
105
|
-
case 'fixed':
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
default:
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
}
|
|
71
|
+
return `Enjoy ${discountValue * 100}% off for ${maxRedemptions} month(s) for this vehicle.`;
|
|
72
|
+
case 'fixed': {
|
|
73
|
+
const money = formatMoney(discountValue);
|
|
74
|
+
return amount <= 0
|
|
75
|
+
? `Enjoy free for ${maxRedemptions} month(s).`
|
|
76
|
+
: `Enjoy ${money} off for the first ${maxRedemptions} month(s), then your subscription will switch to the regular price.`;
|
|
77
|
+
}
|
|
78
|
+
case 'forceAmount': {
|
|
79
|
+
const money = formatMoney(Math.min(amount, discountValue));
|
|
80
|
+
return `Enjoy only ${money} for ${maxRedemptions} month(s), then your subscription will switch to the regular price.`;
|
|
81
|
+
}
|
|
82
|
+
default: {
|
|
83
|
+
const _exhaustiveCheck = discountType;
|
|
84
|
+
return 'Unknown Discount Type';
|
|
85
|
+
}
|
|
120
86
|
}
|
|
121
87
|
};
|
|
122
|
-
export
|
|
88
|
+
export const getInspectionTypeTranslation = (inspectionType) => {
|
|
123
89
|
if (!inspectionType) {
|
|
124
90
|
return 'Unknown Inspection Type';
|
|
125
91
|
}
|
|
126
|
-
switch(inspectionType){
|
|
92
|
+
switch (inspectionType) {
|
|
127
93
|
case 'exterior':
|
|
128
94
|
return 'Exterior';
|
|
129
95
|
case 'interior':
|
|
@@ -134,10 +100,10 @@ export var getInspectionTypeTranslation = function(inspectionType) {
|
|
|
134
100
|
return 'Frame';
|
|
135
101
|
case 'dashboard':
|
|
136
102
|
return 'Dashboard';
|
|
137
|
-
default:
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
}
|
|
103
|
+
default: {
|
|
104
|
+
const _exhaustiveCheck = inspectionType;
|
|
105
|
+
return inspectionType;
|
|
106
|
+
}
|
|
142
107
|
}
|
|
143
108
|
};
|
|
109
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/templates/QuotationPdf/utils.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,eAAwB,EAAE,EAAE;IACzD,MAAM,EAAE,WAAW,EAAE,GAAG,OAAO,EAAE,GAAG,eAAe,CAAA;IACnD,OAAQ,MAAM,CAAC,IAAI,CAAC,OAAO,CAAiC;SAC1D,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,MAAM,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;SACjD,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;SACtB,IAAI,CAAC,IAAI,CAAC,CAAA;AACb,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,IAAc,EAAE,EAAE;IAC9D,QAAQ,IAAI,EAAE,CAAC;QACd,KAAK,QAAQ;YACZ,OAAO,WAAW,CAAA;QACnB,KAAK,QAAQ;YACZ,OAAO,WAAW,CAAA;QACnB,KAAK,QAAQ;YACZ,OAAO,WAAW,CAAA;QACnB,KAAK,QAAQ;YACZ,OAAO,WAAW,CAAA;QACnB,KAAK,OAAO;YACX,OAAO,SAAS,CAAA;QACjB,KAAK,YAAY;YAChB,OAAO,QAAQ,CAAA;QAChB;
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/templates/QuotationPdf/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,77 +4,22 @@ import { Image, Text, View } from '@react-pdf/renderer';
|
|
|
4
4
|
import { format } from 'date-fns';
|
|
5
5
|
import { colors } from '../../theme/index.js';
|
|
6
6
|
import LabelValue from './LabelValue.js';
|
|
7
|
-
|
|
8
|
-
var tConfirmation = param.tConfirmation, subscription = param.subscription, signature = param.signature;
|
|
9
|
-
var _subscription_user_identification;
|
|
7
|
+
const Confirmation = ({ tConfirmation, subscription, signature, }) => {
|
|
10
8
|
if (!signature.signature) {
|
|
11
9
|
throw new Error('Missing signature');
|
|
12
10
|
}
|
|
13
|
-
|
|
14
|
-
return
|
|
15
|
-
style: {
|
|
16
|
-
borderLeft: border,
|
|
17
|
-
borderRight: border,
|
|
18
|
-
borderBottom: border
|
|
19
|
-
},
|
|
20
|
-
children: [
|
|
21
|
-
/*#__PURE__*/ _jsx(View, {
|
|
22
|
-
style: {
|
|
11
|
+
const border = `1px solid ${colors.primary2}`;
|
|
12
|
+
return (_jsxs(View, { style: { borderLeft: border, borderRight: border, borderBottom: border }, children: [_jsx(View, { style: {
|
|
23
13
|
backgroundColor: colors.primary1,
|
|
24
14
|
borderTop: border,
|
|
25
|
-
padding: 8
|
|
26
|
-
},
|
|
27
|
-
children: /*#__PURE__*/ _jsx(Text, {
|
|
28
|
-
style: {
|
|
15
|
+
padding: 8,
|
|
16
|
+
}, children: _jsx(Text, { style: {
|
|
29
17
|
fontWeight: 'bold',
|
|
30
18
|
textTransform: 'uppercase',
|
|
31
|
-
letterSpacing: 1
|
|
32
|
-
},
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
}),
|
|
36
|
-
/*#__PURE__*/ _jsxs(View, {
|
|
37
|
-
style: {
|
|
38
|
-
padding: 8,
|
|
39
|
-
paddingBottom: 16,
|
|
40
|
-
rowGap: 8,
|
|
41
|
-
borderTop: border
|
|
42
|
-
},
|
|
43
|
-
children: [
|
|
44
|
-
/*#__PURE__*/ _jsx(Text, {
|
|
45
|
-
children: tConfirmation.agreementText(subscription.businessId ? 'business' : 'member')
|
|
46
|
-
}),
|
|
47
|
-
/*#__PURE__*/ _jsx(View, {
|
|
48
|
-
style: {
|
|
49
|
-
height: 160,
|
|
50
|
-
alignItems: 'flex-start'
|
|
51
|
-
},
|
|
52
|
-
children: /*#__PURE__*/ _jsx(Image, {
|
|
53
|
-
src: signature.signature || ''
|
|
54
|
-
})
|
|
55
|
-
}),
|
|
56
|
-
/*#__PURE__*/ _jsxs(View, {
|
|
57
|
-
style: {
|
|
58
|
-
rowGap: 8
|
|
59
|
-
},
|
|
60
|
-
children: [
|
|
61
|
-
/*#__PURE__*/ _jsx(LabelValue, {
|
|
62
|
-
label: tConfirmation.name,
|
|
63
|
-
value: userName(subscription.user)
|
|
64
|
-
}),
|
|
65
|
-
/*#__PURE__*/ _jsx(LabelValue, {
|
|
66
|
-
label: tConfirmation.idOrPassportNo,
|
|
67
|
-
value: (_subscription_user_identification = subscription.user.identification) === null || _subscription_user_identification === void 0 ? void 0 : _subscription_user_identification.number
|
|
68
|
-
}),
|
|
69
|
-
/*#__PURE__*/ _jsx(LabelValue, {
|
|
70
|
-
label: tConfirmation.date,
|
|
71
|
-
value: signature.signedAt ? format(signature.signedAt, 'dd-MM-yyyy hh:mm a') : undefined
|
|
72
|
-
})
|
|
73
|
-
]
|
|
74
|
-
})
|
|
75
|
-
]
|
|
76
|
-
})
|
|
77
|
-
]
|
|
78
|
-
});
|
|
19
|
+
letterSpacing: 1,
|
|
20
|
+
}, children: tConfirmation.title }) }), _jsxs(View, { style: { padding: 8, paddingBottom: 16, rowGap: 8, borderTop: border }, children: [_jsx(Text, { children: tConfirmation.agreementText(subscription.businessId ? 'business' : 'member') }), _jsx(View, { style: { height: 160, alignItems: 'flex-start' }, children: _jsx(Image, { src: signature.signature || '' }) }), _jsxs(View, { style: { rowGap: 8 }, children: [_jsx(LabelValue, { label: tConfirmation.name, value: userName(subscription.user) }), _jsx(LabelValue, { label: tConfirmation.idOrPassportNo, value: subscription.user.identification?.number }), _jsx(LabelValue, { label: tConfirmation.date, value: signature.signedAt
|
|
21
|
+
? format(signature.signedAt, 'dd-MM-yyyy hh:mm a')
|
|
22
|
+
: undefined })] })] })] }));
|
|
79
23
|
};
|
|
80
24
|
export default Confirmation;
|
|
25
|
+
//# sourceMappingURL=Confirmation.js.map
|
|
@@ -5,107 +5,24 @@ import { format } from 'date-fns';
|
|
|
5
5
|
import { colors } from '../../theme/colors.js';
|
|
6
6
|
import CoverPageSection from './CoverPageSection.js';
|
|
7
7
|
import LabelValue from './LabelValue.js';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var _user_identification;
|
|
11
|
-
return /*#__PURE__*/ _jsxs(View, {
|
|
12
|
-
style: {
|
|
13
|
-
flex: 1,
|
|
14
|
-
paddingVertical: 80,
|
|
15
|
-
justifyContent: 'space-between'
|
|
16
|
-
},
|
|
17
|
-
children: [
|
|
18
|
-
/*#__PURE__*/ _jsx(Text, {
|
|
19
|
-
style: {
|
|
8
|
+
const CoverPage = ({ tTitle, tCover, signedAt, user, payerType, business, }) => {
|
|
9
|
+
return (_jsxs(View, { style: { flex: 1, paddingVertical: 80, justifyContent: 'space-between' }, children: [_jsx(Text, { style: {
|
|
20
10
|
fontWeight: 'bold',
|
|
21
11
|
fontSize: 40,
|
|
22
12
|
textTransform: 'uppercase',
|
|
23
|
-
flex: 1
|
|
24
|
-
},
|
|
25
|
-
children: tTitle
|
|
26
|
-
}),
|
|
27
|
-
/*#__PURE__*/ _jsxs(View, {
|
|
28
|
-
style: {
|
|
13
|
+
flex: 1,
|
|
14
|
+
}, children: tTitle }), _jsxs(View, { style: {
|
|
29
15
|
padding: 16,
|
|
30
16
|
rowGap: 32,
|
|
31
|
-
border:
|
|
32
|
-
fontSize: 10
|
|
33
|
-
},
|
|
34
|
-
children: [
|
|
35
|
-
/*#__PURE__*/ _jsx(CoverPageSection, {
|
|
36
|
-
title: tCover.effectiveDate,
|
|
37
|
-
children: /*#__PURE__*/ _jsxs(View, {
|
|
38
|
-
style: {
|
|
39
|
-
flexDirection: 'row',
|
|
40
|
-
columnGap: 4
|
|
41
|
-
},
|
|
42
|
-
children: [
|
|
43
|
-
/*#__PURE__*/ _jsx(Text, {
|
|
44
|
-
style: {
|
|
45
|
-
textDecoration: 'underline'
|
|
46
|
-
},
|
|
47
|
-
children: format(signedAt, 'do')
|
|
48
|
-
}),
|
|
49
|
-
/*#__PURE__*/ _jsx(Text, {
|
|
50
|
-
children: tCover.of
|
|
51
|
-
}),
|
|
52
|
-
/*#__PURE__*/ _jsx(Text, {
|
|
53
|
-
style: {
|
|
54
|
-
textDecoration: 'underline'
|
|
55
|
-
},
|
|
56
|
-
children: format(signedAt, 'MMM')
|
|
57
|
-
}),
|
|
58
|
-
/*#__PURE__*/ _jsx(Text, {
|
|
59
|
-
children: format(signedAt, 'yyyy')
|
|
60
|
-
})
|
|
61
|
-
]
|
|
62
|
-
})
|
|
63
|
-
}),
|
|
64
|
-
/*#__PURE__*/ _jsxs(CoverPageSection, {
|
|
65
|
-
title: tCover.agreementBetween,
|
|
66
|
-
children: [
|
|
67
|
-
payerType === 'business' && /*#__PURE__*/ _jsxs(_Fragment, {
|
|
68
|
-
children: [
|
|
69
|
-
/*#__PURE__*/ _jsx(LabelValue, {
|
|
70
|
-
label: tCover.companyName,
|
|
71
|
-
value: business === null || business === void 0 ? void 0 : business.name
|
|
72
|
-
}),
|
|
73
|
-
/*#__PURE__*/ _jsx(LabelValue, {
|
|
74
|
-
label: tCover.companyNo,
|
|
75
|
-
value: business === null || business === void 0 ? void 0 : business.registrationNumber
|
|
76
|
-
})
|
|
77
|
-
]
|
|
78
|
-
}),
|
|
79
|
-
payerType === 'user' && /*#__PURE__*/ _jsxs(_Fragment, {
|
|
80
|
-
children: [
|
|
81
|
-
/*#__PURE__*/ _jsx(LabelValue, {
|
|
82
|
-
label: tCover.name,
|
|
83
|
-
value: userName(user)
|
|
84
|
-
}),
|
|
85
|
-
/*#__PURE__*/ _jsx(LabelValue, {
|
|
86
|
-
label: tCover.idOrPassportNo,
|
|
87
|
-
value: (_user_identification = user.identification) === null || _user_identification === void 0 ? void 0 : _user_identification.number
|
|
88
|
-
})
|
|
89
|
-
]
|
|
90
|
-
})
|
|
91
|
-
]
|
|
92
|
-
}),
|
|
93
|
-
/*#__PURE__*/ _jsx(Text, {
|
|
94
|
-
style: {
|
|
17
|
+
border: `1px solid ${colors.primary2}`,
|
|
18
|
+
fontSize: 10,
|
|
19
|
+
}, children: [_jsx(CoverPageSection, { title: tCover.effectiveDate, children: _jsxs(View, { style: { flexDirection: 'row', columnGap: 4 }, children: [_jsx(Text, { style: { textDecoration: 'underline' }, children: format(signedAt, 'do') }), _jsx(Text, { children: tCover.of }), _jsx(Text, { style: { textDecoration: 'underline' }, children: format(signedAt, 'MMM') }), _jsx(Text, { children: format(signedAt, 'yyyy') })] }) }), _jsxs(CoverPageSection, { title: tCover.agreementBetween, children: [payerType === 'business' && (_jsxs(_Fragment, { children: [_jsx(LabelValue, { label: tCover.companyName, value: business?.name }), _jsx(LabelValue, { label: tCover.companyNo, value: business?.registrationNumber })] })), payerType === 'user' && (_jsxs(_Fragment, { children: [_jsx(LabelValue, { label: tCover.name, value: userName(user) }), _jsx(LabelValue, { label: tCover.idOrPassportNo, value: user.identification?.number })] }))] }), _jsx(Text, { style: {
|
|
95
20
|
fontSize: 8,
|
|
96
21
|
fontWeight: 'bold',
|
|
97
22
|
color: colors.primary3,
|
|
98
23
|
textTransform: 'uppercase',
|
|
99
|
-
letterSpacing: 1
|
|
100
|
-
},
|
|
101
|
-
children: tCover.and
|
|
102
|
-
}),
|
|
103
|
-
/*#__PURE__*/ _jsx(Text, {
|
|
104
|
-
children: "FLUX Sdn Bhd (1264766-H)"
|
|
105
|
-
})
|
|
106
|
-
]
|
|
107
|
-
})
|
|
108
|
-
]
|
|
109
|
-
});
|
|
24
|
+
letterSpacing: 1,
|
|
25
|
+
}, children: tCover.and }), _jsx(Text, { children: "FLUX Sdn Bhd (1264766-H)" })] })] }));
|
|
110
26
|
};
|
|
111
27
|
export default CoverPage;
|
|
28
|
+
//# sourceMappingURL=CoverPage.js.map
|
|
@@ -1,25 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Text, View } from '@react-pdf/renderer';
|
|
3
3
|
import { colors } from '../../theme/colors.js';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
return /*#__PURE__*/ _jsxs(View, {
|
|
7
|
-
style: {
|
|
8
|
-
rowGap: 16
|
|
9
|
-
},
|
|
10
|
-
children: [
|
|
11
|
-
/*#__PURE__*/ _jsx(Text, {
|
|
12
|
-
style: {
|
|
4
|
+
const CoverPageSection = ({ title, children, }) => {
|
|
5
|
+
return (_jsxs(View, { style: { rowGap: 16 }, children: [_jsx(Text, { style: {
|
|
13
6
|
fontSize: 8,
|
|
14
7
|
fontWeight: 'bold',
|
|
15
8
|
color: colors.primary3,
|
|
16
9
|
textTransform: 'uppercase',
|
|
17
|
-
letterSpacing: 1
|
|
18
|
-
},
|
|
19
|
-
children: "".concat(title, ":")
|
|
20
|
-
}),
|
|
21
|
-
children
|
|
22
|
-
]
|
|
23
|
-
});
|
|
10
|
+
letterSpacing: 1,
|
|
11
|
+
}, children: `${title}:` }), children] }));
|
|
24
12
|
};
|
|
25
13
|
export default CoverPageSection;
|
|
14
|
+
//# sourceMappingURL=CoverPageSection.js.map
|