@driveflux/pdf 1.6.6 → 1.6.7

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.
Files changed (27) hide show
  1. package/dist/__mocks__/subscription.d.ts.map +1 -1
  2. package/dist/__mocks__/subscription.js +123 -380
  3. package/dist/__mocks__/subscription.js.map +1 -1
  4. package/dist/components/FluxLogo.js +3 -62
  5. package/dist/components/StandardPage.js +8 -97
  6. package/dist/templates/QuotationPdf/CustomerSubscriptionSection.js +27 -145
  7. package/dist/templates/QuotationPdf/GFV.js +12 -49
  8. package/dist/templates/QuotationPdf/Header.js +5 -63
  9. package/dist/templates/QuotationPdf/Pricing.js +204 -574
  10. package/dist/templates/QuotationPdf/QuotationPdfPage.js +3 -23
  11. package/dist/templates/QuotationPdf/SectionBoxNew.js +4 -34
  12. package/dist/templates/QuotationPdf/TermsSection.js +5 -42
  13. package/dist/templates/QuotationPdf/VehiclePhotos.js +24 -54
  14. package/dist/templates/QuotationPdf/index.js +11 -198
  15. package/dist/templates/SubscriptionAgreement/Confirmation.js +11 -66
  16. package/dist/templates/SubscriptionAgreement/CoverPage.js +10 -77
  17. package/dist/templates/SubscriptionAgreement/CoverPageSection.js +5 -16
  18. package/dist/templates/SubscriptionAgreement/Details.js +43 -69
  19. package/dist/templates/SubscriptionAgreement/Footer.js +6 -48
  20. package/dist/templates/SubscriptionAgreement/Header.js +5 -35
  21. package/dist/templates/SubscriptionAgreement/LabelValue.js +3 -25
  22. package/dist/templates/SubscriptionAgreement/SubscriptionAgreementPage.js +3 -26
  23. package/dist/templates/SubscriptionAgreement/TermsOfUse.js +3 -52
  24. package/dist/templates/SubscriptionAgreement/TermsOfUseSubSection.js +9 -97
  25. package/dist/templates/SubscriptionAgreement/index.js +15 -249
  26. package/dist/utils.js +16 -166
  27. package/package.json +2 -2
@@ -3,28 +3,8 @@ import { View } from '@react-pdf/renderer';
3
3
  import { format } from 'date-fns';
4
4
  import StandardPage from '../../components/StandardPage.js';
5
5
  import Header from './Header.js';
6
- var QuotationPdfPage = function(param) {
7
- var quotation = param.quotation, children = param.children;
8
- return /*#__PURE__*/ _jsxs(StandardPage, {
9
- style: {
10
- padding: 40,
11
- fontSize: 10,
12
- gap: 16
13
- },
14
- children: [
15
- /*#__PURE__*/ _jsx(Header, {
16
- tTitle: 'Quotation',
17
- quotationId: quotation.id,
18
- quotationDate: format(quotation.createdAt, 'dd-MM-yyyy')
19
- }),
20
- /*#__PURE__*/ _jsx(View, {
21
- style: {
22
- flex: 1,
23
- rowGap: 24
24
- },
25
- children: children
26
- })
27
- ]
28
- });
6
+ const QuotationPdfPage = ({ quotation, children, }) => {
7
+ return (_jsxs(StandardPage, { style: { padding: 40, fontSize: 10, gap: 16 }, children: [_jsx(Header, { tTitle: 'Quotation', quotationId: quotation.id, quotationDate: format(quotation.createdAt, 'dd-MM-yyyy') }), _jsx(View, { style: { flex: 1, rowGap: 24 }, children: children })] }));
29
8
  };
30
9
  export default QuotationPdfPage;
10
+ //# sourceMappingURL=QuotationPdfPage.js.map
@@ -1,38 +1,8 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { View } from '@react-pdf/renderer';
3
3
  import { colors } from '../../theme/colors.js';
4
- var SectionBoxNew = function(param) {
5
- var topContent = param.topContent, bottomContent = param.bottomContent, children = param.children;
6
- return /*#__PURE__*/ _jsxs(View, {
7
- style: {
8
- border: "1px solid ".concat(colors.primary2)
9
- },
10
- children: [
11
- /*#__PURE__*/ _jsx(View, {
12
- style: {
13
- padding: 16,
14
- rowGap: 16
15
- },
16
- children: topContent
17
- }),
18
- bottomContent && /*#__PURE__*/ _jsxs(_Fragment, {
19
- children: [
20
- /*#__PURE__*/ _jsx(View, {
21
- style: {
22
- borderBottom: "1px solid ".concat(colors.primary2)
23
- }
24
- }),
25
- /*#__PURE__*/ _jsx(View, {
26
- style: {
27
- padding: 16,
28
- rowGap: 16
29
- },
30
- children: bottomContent
31
- })
32
- ]
33
- }),
34
- children
35
- ]
36
- });
4
+ const SectionBoxNew = ({ topContent, bottomContent, children }) => {
5
+ return (_jsxs(View, { style: { border: `1px solid ${colors.primary2}` }, children: [_jsx(View, { style: { padding: 16, rowGap: 16 }, children: topContent }), bottomContent && (_jsxs(_Fragment, { children: [_jsx(View, { style: { borderBottom: `1px solid ${colors.primary2}` } }), _jsx(View, { style: { padding: 16, rowGap: 16 }, children: bottomContent })] })), children] }));
37
6
  };
38
7
  export default SectionBoxNew;
8
+ //# sourceMappingURL=SectionBoxNew.js.map
@@ -1,50 +1,13 @@
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
- var TermsSection = function(param) {
5
- var t = param.t;
6
- return /*#__PURE__*/ _jsxs(View, {
7
- style: {
8
- gap: 16
9
- },
10
- children: [
11
- /*#__PURE__*/ _jsx(Text, {
12
- style: {
4
+ const TermsSection = ({ t }) => {
5
+ return (_jsxs(View, { style: { gap: 16 }, children: [_jsx(Text, { style: {
13
6
  fontWeight: 'bold',
14
7
  color: colors.black,
15
8
  letterSpacing: 1,
16
- textTransform: 'uppercase'
17
- },
18
- children: t === null || t === void 0 ? void 0 : t.title
19
- }),
20
- /*#__PURE__*/ _jsx(View, {
21
- children: t.content.map(function(line, i) {
22
- return /*#__PURE__*/ _jsxs(View, {
23
- style: {
24
- flexDirection: 'row',
25
- alignItems: 'flex-start'
26
- },
27
- children: [
28
- /*#__PURE__*/ _jsx(Text, {
29
- style: {
30
- marginRight: 4,
31
- fontSize: 8
32
- },
33
- children: "•"
34
- }),
35
- /*#__PURE__*/ _jsx(Text, {
36
- style: {
37
- color: colors.primary3,
38
- letterSpacing: 1,
39
- fontSize: 8
40
- },
41
- children: line
42
- })
43
- ]
44
- }, line);
45
- })
46
- })
47
- ]
48
- });
9
+ textTransform: 'uppercase',
10
+ }, children: t?.title }), _jsx(View, { children: t.content.map((line, i) => (_jsxs(View, { style: { flexDirection: 'row', alignItems: 'flex-start' }, children: [_jsx(Text, { style: { marginRight: 4, fontSize: 8 }, children: "\u2022" }), _jsx(Text, { style: { color: colors.primary3, letterSpacing: 1, fontSize: 8 }, children: line })] }, line))) })] }));
49
11
  };
50
12
  export default TermsSection;
13
+ //# sourceMappingURL=TermsSection.js.map
@@ -2,65 +2,35 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
2
2
  import { Image, Text, View } from '@react-pdf/renderer';
3
3
  import { colors } from '../../theme/colors.js';
4
4
  import { getInspectionTypeTranslation } from './utils.js';
5
- var VehiclePhotos = function(param) {
6
- var quotation = param.quotation, t = param.t;
7
- var images = quotation.images;
8
- return /*#__PURE__*/ _jsxs(View, {
9
- style: {
10
- border: "1px solid ".concat(colors.primary2),
11
- padding: 16
12
- },
13
- children: [
14
- /*#__PURE__*/ _jsx(Text, {
15
- style: {
5
+ const VehiclePhotos = ({ quotation, t }) => {
6
+ const images = quotation.images;
7
+ return (_jsxs(View, { style: { border: `1px solid ${colors.primary2}`, padding: 16 }, children: [_jsx(Text, { style: {
16
8
  textTransform: 'uppercase',
17
9
  fontSize: 12,
18
10
  fontWeight: 'bold',
19
- marginBottom: 16
20
- },
21
- children: t === null || t === void 0 ? void 0 : t.title
22
- }),
23
- /*#__PURE__*/ _jsx(View, {
24
- style: {
11
+ marginBottom: 16,
12
+ }, children: t?.title }), _jsx(View, { style: {
25
13
  display: 'flex',
26
14
  flexDirection: 'row',
27
15
  flexWrap: 'wrap',
28
- gap: 15
29
- },
30
- children: images.map(function(image) {
31
- return /*#__PURE__*/ _jsx(_Fragment, {
32
- children: /*#__PURE__*/ _jsxs(View, {
33
- style: {
34
- overflow: 'hidden',
35
- alignItems: 'center',
36
- gap: 4
37
- },
38
- children: [
39
- /*#__PURE__*/ _jsx(View, {
40
- children: /*#__PURE__*/ _jsx(Image, {
41
- // @ts-ignore
42
- source: image.default,
43
- style: {
44
- objectFit: 'cover',
45
- height: 90,
46
- width: 150
47
- }
48
- })
49
- }),
50
- image.inspectionType && /*#__PURE__*/ _jsx(Text, {
51
- style: {
52
- color: colors.black,
53
- fontSize: 10,
54
- textAlign: 'center'
55
- },
56
- children: getInspectionTypeTranslation(image.inspectionType)
57
- })
58
- ]
59
- }, image.default)
60
- });
61
- })
62
- })
63
- ]
64
- });
16
+ gap: 15,
17
+ }, children: images.map((image) => (_jsx(_Fragment, { children: _jsxs(View, { style: {
18
+ overflow: 'hidden',
19
+ alignItems: 'center',
20
+ gap: 4,
21
+ }, children: [_jsx(View, { children: _jsx(Image
22
+ // @ts-ignore
23
+ , {
24
+ // @ts-ignore
25
+ source: image.default, style: {
26
+ objectFit: 'cover',
27
+ height: 90,
28
+ width: 150,
29
+ } }) }), image.inspectionType && (_jsx(Text, { style: {
30
+ color: colors.black,
31
+ fontSize: 10,
32
+ textAlign: 'center',
33
+ }, children: getInspectionTypeTranslation(image.inspectionType) }))] }, image.default) }))) })] }));
65
34
  };
66
35
  export default VehiclePhotos;
36
+ //# sourceMappingURL=VehiclePhotos.js.map
@@ -1,127 +1,3 @@
1
- function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
2
- try {
3
- var info = gen[key](arg);
4
- var value = info.value;
5
- } catch (error) {
6
- reject(error);
7
- return;
8
- }
9
- if (info.done) {
10
- resolve(value);
11
- } else {
12
- Promise.resolve(value).then(_next, _throw);
13
- }
14
- }
15
- function _async_to_generator(fn) {
16
- return function() {
17
- var self = this, args = arguments;
18
- return new Promise(function(resolve, reject) {
19
- var gen = fn.apply(self, args);
20
- function _next(value) {
21
- asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
22
- }
23
- function _throw(err) {
24
- asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
25
- }
26
- _next(undefined);
27
- });
28
- };
29
- }
30
- function _ts_generator(thisArg, body) {
31
- var f, y, t, g, _ = {
32
- label: 0,
33
- sent: function() {
34
- if (t[0] & 1) throw t[1];
35
- return t[1];
36
- },
37
- trys: [],
38
- ops: []
39
- };
40
- return g = {
41
- next: verb(0),
42
- "throw": verb(1),
43
- "return": verb(2)
44
- }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
45
- return this;
46
- }), g;
47
- function verb(n) {
48
- return function(v) {
49
- return step([
50
- n,
51
- v
52
- ]);
53
- };
54
- }
55
- function step(op) {
56
- if (f) throw new TypeError("Generator is already executing.");
57
- while(_)try {
58
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
59
- if (y = 0, t) op = [
60
- op[0] & 2,
61
- t.value
62
- ];
63
- switch(op[0]){
64
- case 0:
65
- case 1:
66
- t = op;
67
- break;
68
- case 4:
69
- _.label++;
70
- return {
71
- value: op[1],
72
- done: false
73
- };
74
- case 5:
75
- _.label++;
76
- y = op[1];
77
- op = [
78
- 0
79
- ];
80
- continue;
81
- case 7:
82
- op = _.ops.pop();
83
- _.trys.pop();
84
- continue;
85
- default:
86
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
87
- _ = 0;
88
- continue;
89
- }
90
- if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
91
- _.label = op[1];
92
- break;
93
- }
94
- if (op[0] === 6 && _.label < t[1]) {
95
- _.label = t[1];
96
- t = op;
97
- break;
98
- }
99
- if (t && _.label < t[2]) {
100
- _.label = t[2];
101
- _.ops.push(op);
102
- break;
103
- }
104
- if (t[2]) _.ops.pop();
105
- _.trys.pop();
106
- continue;
107
- }
108
- op = body.call(thisArg, _);
109
- } catch (e) {
110
- op = [
111
- 6,
112
- e
113
- ];
114
- y = 0;
115
- } finally{
116
- f = t = 0;
117
- }
118
- if (op[0] & 5) throw op[1];
119
- return {
120
- value: op[0] ? op[1] : void 0,
121
- done: true
122
- };
123
- }
124
- }
125
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
126
2
  import { Document } from '@react-pdf/renderer';
127
3
  import { useMemo } from 'react';
@@ -134,81 +10,18 @@ import QuotationPdfPage from './QuotationPdfPage.js';
134
10
  import TermsSection from './TermsSection.js';
135
11
  import VehiclePhotos from './VehiclePhotos.js';
136
12
  import { useTranslations } from './translations.js';
137
- export var generateQuotationPdf = /*#__PURE__*/ function() {
138
- var _ref = _async_to_generator(function(param, fileName) {
139
- var _param_locale, locale, quotation;
140
- return _ts_generator(this, function(_state) {
141
- switch(_state.label){
142
- case 0:
143
- _param_locale = param.locale, locale = _param_locale === void 0 ? 'en' : _param_locale, quotation = param.quotation;
144
- return [
145
- 4,
146
- toPdf(/*#__PURE__*/ _jsx(QuotationPDF, {
147
- locale: locale,
148
- quotation: quotation
149
- }), fileName)
150
- ];
151
- case 1:
152
- return [
153
- 2,
154
- _state.sent()
155
- ];
156
- }
157
- });
158
- });
159
- return function generateQuotationPdf(_, fileName) {
160
- return _ref.apply(this, arguments);
161
- };
162
- }();
163
- var QuotationPDF = function(param) {
164
- var _param_locale = param.locale, locale = _param_locale === void 0 ? 'en' : _param_locale, quotation = param.quotation;
165
- var th = useTranslations(locale);
166
- var pageProps = useMemo(function() {
13
+ export const generateQuotationPdf = async ({ locale = 'en', quotation }, fileName) => {
14
+ return await toPdf(_jsx(QuotationPDF, { locale: locale, quotation: quotation }), fileName);
15
+ };
16
+ const QuotationPDF = ({ locale = 'en', quotation }) => {
17
+ const th = useTranslations(locale);
18
+ const pageProps = useMemo(() => {
167
19
  return {
168
20
  t: th,
169
- quotation: quotation
21
+ quotation: quotation,
170
22
  };
171
- }, [
172
- th,
173
- quotation
174
- ]);
175
- var t = pageProps.t;
176
- return /*#__PURE__*/ _jsxs(Document, {
177
- language: locale,
178
- children: [
179
- /*#__PURE__*/ _jsxs(QuotationPdfPage, {
180
- quotation: quotation,
181
- children: [
182
- /*#__PURE__*/ _jsx(CustomerSubscriptionSection, {
183
- quotation: quotation,
184
- t: t
185
- }),
186
- /*#__PURE__*/ _jsx(Pricing, {
187
- quotation: quotation,
188
- t: t.pricing
189
- }),
190
- quotation.fees.gfv && /*#__PURE__*/ _jsx(GFV, {
191
- quotation: quotation,
192
- t: t.pricing
193
- })
194
- ]
195
- }),
196
- /*#__PURE__*/ _jsxs(StandardPage, {
197
- style: {
198
- padding: 40,
199
- fontSize: 10,
200
- gap: 16
201
- },
202
- children: [
203
- /*#__PURE__*/ _jsx(VehiclePhotos, {
204
- quotation: quotation,
205
- t: t.vehiclePhotos
206
- }),
207
- /*#__PURE__*/ _jsx(TermsSection, {
208
- t: t.terms
209
- })
210
- ]
211
- })
212
- ]
213
- });
23
+ }, [th, quotation]);
24
+ const { t } = pageProps;
25
+ return (_jsxs(Document, { language: locale, children: [_jsxs(QuotationPdfPage, { quotation: quotation, children: [_jsx(CustomerSubscriptionSection, { quotation: quotation, t: t }), _jsx(Pricing, { quotation: quotation, t: t.pricing }), quotation.fees.gfv && _jsx(GFV, { quotation: quotation, t: t.pricing })] }), _jsxs(StandardPage, { style: { padding: 40, fontSize: 10, gap: 16 }, children: [_jsx(VehiclePhotos, { quotation: quotation, t: t.vehiclePhotos }), _jsx(TermsSection, { t: t.terms })] })] }));
214
26
  };
27
+ //# sourceMappingURL=index.js.map
@@ -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
- var Confirmation = function(param) {
8
- var tConfirmation = param.tConfirmation, subscription = param.subscription;
9
- var _subscription_signature, _subscription_user_identification;
10
- if (!((_subscription_signature = subscription.signature) === null || _subscription_signature === void 0 ? void 0 : _subscription_signature.signature)) {
7
+ const Confirmation = ({ tConfirmation, subscription }) => {
8
+ if (!subscription.signature?.signature) {
11
9
  throw new Error('Missing signature');
12
10
  }
13
- var border = "1px solid ".concat(colors.primary2);
14
- return /*#__PURE__*/ _jsxs(View, {
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
- children: tConfirmation.title
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: subscription.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: subscription.signature.signedAt ? format(subscription.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: subscription.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: subscription.signature.signedAt
21
+ ? format(subscription.signature.signedAt, 'dd-MM-yyyy hh:mm a')
22
+ : undefined })] })] })] }));
79
23
  };
80
24
  export default Confirmation;
25
+ //# sourceMappingURL=Confirmation.js.map
@@ -5,91 +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
- var CoverPage = function(param) {
9
- var tTitle = param.tTitle, tCover = param.tCover, signedAt = param.signedAt, user = param.user;
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 }) => {
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: "1px solid ".concat(colors.primary2),
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
- /*#__PURE__*/ _jsx(LabelValue, {
68
- label: tCover.name,
69
- value: userName(user)
70
- }),
71
- /*#__PURE__*/ _jsx(LabelValue, {
72
- label: tCover.idOrPassportNo,
73
- value: (_user_identification = user.identification) === null || _user_identification === void 0 ? void 0 : _user_identification.number
74
- })
75
- ]
76
- }),
77
- /*#__PURE__*/ _jsx(Text, {
78
- 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: [_jsx(LabelValue, { label: tCover.name, value: userName(user) }), _jsx(LabelValue, { label: tCover.idOrPassportNo, value: user.identification?.number })] }), _jsx(Text, { style: {
79
20
  fontSize: 8,
80
21
  fontWeight: 'bold',
81
22
  color: colors.primary3,
82
23
  textTransform: 'uppercase',
83
- letterSpacing: 1
84
- },
85
- children: tCover.and
86
- }),
87
- /*#__PURE__*/ _jsx(Text, {
88
- children: "FLUX Sdn Bhd (1264766-H)"
89
- })
90
- ]
91
- })
92
- ]
93
- });
24
+ letterSpacing: 1,
25
+ }, children: tCover.and }), _jsx(Text, { children: "FLUX Sdn Bhd (1264766-H)" })] })] }));
94
26
  };
95
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
- var CoverPageSection = function(param) {
5
- var title = param.title, children = param.children;
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