@driveflux/pdf 4.0.27 → 4.0.28

package/dist/templates/SubscriptionAgreement/Confirmation.js

@@ -4,22 +4,77 @@ import { Image, Text, View } from '@react-pdf/renderer';
 import { format } from 'date-fns';
 import { colors } from '../../theme/index.js';
 import LabelValue from './LabelValue.js';
-const Confirmation = ({ tConfirmation, subscription, signature, }) => {
+var Confirmation = function(param) {
+    var tConfirmation = param.tConfirmation, subscription = param.subscription, signature = param.signature;
+    var _subscription_user_identification;
     if (!signature.signature) {
         throw new Error('Missing signature');
     }
-    const border = `1px solid ${colors.primary2}`;
-    return (_jsxs(View, { style: { borderLeft: border, borderRight: border, borderBottom: border }, children: [_jsx(View, { style: {
+    var border = "1px solid ".concat(colors.primary2);
+    return /*#__PURE__*/ _jsxs(View, {
+        style: {
+            borderLeft: border,
+            borderRight: border,
+            borderBottom: border
+        },
+        children: [
+            /*#__PURE__*/ _jsx(View, {
+                style: {
                     backgroundColor: colors.primary1,
                     borderTop: border,
-                    padding: 8,
-                }, children: _jsx(Text, { style: {
+                    padding: 8
+                },
+                children: /*#__PURE__*/ _jsx(Text, {
+                    style: {
                         fontWeight: 'bold',
                         textTransform: 'uppercase',
-                        letterSpacing: 1,
-                    }, 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
-                                    ? format(signature.signedAt, 'dd-MM-yyyy hh:mm a')
-                                    : undefined })] })] })] }));
+                        letterSpacing: 1
+                    },
+                    children: tConfirmation.title
+                })
+            }),
+            /*#__PURE__*/ _jsxs(View, {
+                style: {
+                    padding: 8,
+                    paddingBottom: 16,
+                    rowGap: 8,
+                    borderTop: border
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        children: tConfirmation.agreementText(subscription.businessId ? 'business' : 'member')
+                    }),
+                    /*#__PURE__*/ _jsx(View, {
+                        style: {
+                            height: 160,
+                            alignItems: 'flex-start'
+                        },
+                        children: /*#__PURE__*/ _jsx(Image, {
+                            src: signature.signature || ''
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs(View, {
+                        style: {
+                            rowGap: 8
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(LabelValue, {
+                                label: tConfirmation.name,
+                                value: userName(subscription.user)
+                            }),
+                            /*#__PURE__*/ _jsx(LabelValue, {
+                                label: tConfirmation.idOrPassportNo,
+                                value: (_subscription_user_identification = subscription.user.identification) === null || _subscription_user_identification === void 0 ? void 0 : _subscription_user_identification.number
+                            }),
+                            /*#__PURE__*/ _jsx(LabelValue, {
+                                label: tConfirmation.date,
+                                value: signature.signedAt ? format(signature.signedAt, 'dd-MM-yyyy hh:mm a') : undefined
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
 };
 export default Confirmation;
-//# sourceMappingURL=Confirmation.js.map

package/dist/templates/SubscriptionAgreement/CoverPage.js

@@ -5,24 +5,107 @@ import { format } from 'date-fns';
 import { colors } from '../../theme/colors.js';
 import CoverPageSection from './CoverPageSection.js';
 import LabelValue from './LabelValue.js';
-const CoverPage = ({ tTitle, tCover, signedAt, user, payerType, business, }) => {
-    return (_jsxs(View, { style: { flex: 1, paddingVertical: 80, justifyContent: 'space-between' }, children: [_jsx(Text, { style: {
+var CoverPage = function(param) {
+    var tTitle = param.tTitle, tCover = param.tCover, signedAt = param.signedAt, user = param.user, payerType = param.payerType, business = param.business;
+    var _user_identification;
+    return /*#__PURE__*/ _jsxs(View, {
+        style: {
+            flex: 1,
+            paddingVertical: 80,
+            justifyContent: 'space-between'
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                style: {
                     fontWeight: 'bold',
                     fontSize: 40,
                     textTransform: 'uppercase',
-                    flex: 1,
-                }, children: tTitle }), _jsxs(View, { style: {
+                    flex: 1
+                },
+                children: tTitle
+            }),
+            /*#__PURE__*/ _jsxs(View, {
+                style: {
                     padding: 16,
                     rowGap: 32,
-                    border: `1px solid ${colors.primary2}`,
-                    fontSize: 10,
-                }, 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: {
+                    border: "1px solid ".concat(colors.primary2),
+                    fontSize: 10
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(CoverPageSection, {
+                        title: tCover.effectiveDate,
+                        children: /*#__PURE__*/ _jsxs(View, {
+                            style: {
+                                flexDirection: 'row',
+                                columnGap: 4
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Text, {
+                                    style: {
+                                        textDecoration: 'underline'
+                                    },
+                                    children: format(signedAt, 'do')
+                                }),
+                                /*#__PURE__*/ _jsx(Text, {
+                                    children: tCover.of
+                                }),
+                                /*#__PURE__*/ _jsx(Text, {
+                                    style: {
+                                        textDecoration: 'underline'
+                                    },
+                                    children: format(signedAt, 'MMM')
+                                }),
+                                /*#__PURE__*/ _jsx(Text, {
+                                    children: format(signedAt, 'yyyy')
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs(CoverPageSection, {
+                        title: tCover.agreementBetween,
+                        children: [
+                            payerType === 'business' && /*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(LabelValue, {
+                                        label: tCover.companyName,
+                                        value: business === null || business === void 0 ? void 0 : business.name
+                                    }),
+                                    /*#__PURE__*/ _jsx(LabelValue, {
+                                        label: tCover.companyNo,
+                                        value: business === null || business === void 0 ? void 0 : business.registrationNumber
+                                    })
+                                ]
+                            }),
+                            payerType === 'user' && /*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(LabelValue, {
+                                        label: tCover.name,
+                                        value: userName(user)
+                                    }),
+                                    /*#__PURE__*/ _jsx(LabelValue, {
+                                        label: tCover.idOrPassportNo,
+                                        value: (_user_identification = user.identification) === null || _user_identification === void 0 ? void 0 : _user_identification.number
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Text, {
+                        style: {
                             fontSize: 8,
                             fontWeight: 'bold',
                             color: colors.primary3,
                             textTransform: 'uppercase',
-                            letterSpacing: 1,
-                        }, children: tCover.and }), _jsx(Text, { children: "FLUX Sdn Bhd (1264766-H)" })] })] }));
+                            letterSpacing: 1
+                        },
+                        children: tCover.and
+                    }),
+                    /*#__PURE__*/ _jsx(Text, {
+                        children: "FLUX Sdn Bhd (1264766-H)"
+                    })
+                ]
+            })
+        ]
+    });
 };
 export default CoverPage;
-//# sourceMappingURL=CoverPage.js.map

package/dist/templates/SubscriptionAgreement/CoverPageSection.js

@@ -1,14 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text, View } from '@react-pdf/renderer';
 import { colors } from '../../theme/colors.js';
-const CoverPageSection = ({ title, children, }) => {
-    return (_jsxs(View, { style: { rowGap: 16 }, children: [_jsx(Text, { style: {
+var CoverPageSection = function(param) {
+    var title = param.title, children = param.children;
+    return /*#__PURE__*/ _jsxs(View, {
+        style: {
+            rowGap: 16
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                style: {
                     fontSize: 8,
                     fontWeight: 'bold',
                     color: colors.primary3,
                     textTransform: 'uppercase',
-                    letterSpacing: 1,
-                }, children: `${title}:` }), children] }));
+                    letterSpacing: 1
+                },
+                children: "".concat(title, ":")
+            }),
+            children
+        ]
+    });
 };
 export default CoverPageSection;
-//# sourceMappingURL=CoverPageSection.js.map

package/dist/templates/SubscriptionAgreement/Details.js

@@ -1,105 +1,184 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { userName } from '@driveflux/db/models/user';
 import { format } from '@driveflux/time';
 import { Text, View } from '@react-pdf/renderer';
 import { colors } from '../../theme/index.js';
 import LabelValue from './LabelValue.js';
-const Details = ({ tDetails, subscription }) => {
-    let details = {};
+var Details = function(param) {
+    var tDetails = param.tDetails, subscription = param.subscription;
+    var _subscription_vehicle, _subscription_vehicle1, _subscription_vehicle2, _subscription_vehicle3, _subscription_vehicle4;
+    var details = {};
     if (subscription.payerType === 'business') {
+        var _subscription_business;
         details.business = [
             {
                 key: tDetails.business.name,
-                value: subscription?.businessName,
+                value: subscription === null || subscription === void 0 ? void 0 : subscription.businessName
             },
             {
                 key: tDetails.business.companyNo,
-                value: subscription?.business?.registrationNumber,
-            },
+                value: subscription === null || subscription === void 0 ? void 0 : (_subscription_business = subscription.business) === null || _subscription_business === void 0 ? void 0 : _subscription_business.registrationNumber
+            }
         ];
-    }
-    else {
+    } else {
+        var _subscription_user_identification;
         details.member = [
             {
                 key: tDetails.member.name,
-                value: userName(subscription.user),
+                value: userName(subscription.user)
             },
             {
                 key: tDetails.member.idOrPassportNo,
-                value: subscription.user.identification?.number,
-            },
+                value: (_subscription_user_identification = subscription.user.identification) === null || _subscription_user_identification === void 0 ? void 0 : _subscription_user_identification.number
+            }
         ];
     }
-    details = {
-        ...details,
+    details = _object_spread_props(_object_spread({}, details), {
         vehicle: [
             {
                 key: tDetails.vehicle.make,
-                value: subscription.vehicle?.make,
+                value: (_subscription_vehicle = subscription.vehicle) === null || _subscription_vehicle === void 0 ? void 0 : _subscription_vehicle.make
             },
             {
                 key: tDetails.vehicle.model,
-                value: `${subscription.vehicle?.vehicleModel} ${subscription.vehicle?.variant}`,
+                value: "".concat((_subscription_vehicle1 = subscription.vehicle) === null || _subscription_vehicle1 === void 0 ? void 0 : _subscription_vehicle1.vehicleModel, " ").concat((_subscription_vehicle2 = subscription.vehicle) === null || _subscription_vehicle2 === void 0 ? void 0 : _subscription_vehicle2.variant)
             },
             {
                 key: tDetails.vehicle.year,
-                value: subscription.vehicle?.year,
+                value: (_subscription_vehicle3 = subscription.vehicle) === null || _subscription_vehicle3 === void 0 ? void 0 : _subscription_vehicle3.year
             },
             {
                 key: tDetails.vehicle.plateNo,
-                value: subscription.vehicle?.registrationNumber,
-            },
+                value: (_subscription_vehicle4 = subscription.vehicle) === null || _subscription_vehicle4 === void 0 ? void 0 : _subscription_vehicle4.registrationNumber
+            }
         ],
         subscription: [
             {
                 key: tDetails.subscription.subscriptionPlan,
-                value: getPlanTranslation(subscription.plan),
+                value: getPlanTranslation(subscription.plan)
             },
             {
                 key: tDetails.subscription.mileagePackage,
-                value: getFullMileagePackageTranslation(subscription.mileagePackage),
+                value: getFullMileagePackageTranslation(subscription.mileagePackage)
             },
             {
                 key: tDetails.subscription.startDate,
-                value: subscription.startedAt
-                    ? format(subscription.startedAt, 'dd-MM-yyyy')
-                    : undefined,
+                value: subscription.startedAt ? format(subscription.startedAt, 'dd-MM-yyyy') : undefined
             },
             {
                 key: tDetails.subscription.endDate,
-                value: subscription.endedAt
-                    ? format(subscription.endedAt, 'dd-MM-yyyy')
-                    : subscription.scheduledEndAt
-                        ? format(subscription.scheduledEndAt, 'dd-MM-yyyy')
-                        : undefined,
-            },
-        ],
-    };
-    const border = `1px solid ${colors.primary2}`;
-    return (_jsxs(View, { style: { borderLeft: border, borderRight: border }, children: [_jsx(View, { style: {
+                value: subscription.endedAt ? format(subscription.endedAt, 'dd-MM-yyyy') : subscription.scheduledEndAt ? format(subscription.scheduledEndAt, 'dd-MM-yyyy') : undefined
+            }
+        ]
+    });
+    var border = "1px solid ".concat(colors.primary2);
+    return /*#__PURE__*/ _jsxs(View, {
+        style: {
+            borderLeft: border,
+            borderRight: border
+        },
+        children: [
+            /*#__PURE__*/ _jsx(View, {
+                style: {
                     backgroundColor: colors.primary1,
                     borderTop: border,
-                    padding: 8,
-                }, children: _jsx(Text, { style: {
+                    padding: 8
+                },
+                children: /*#__PURE__*/ _jsx(Text, {
+                    style: {
                         fontWeight: 'bold',
                         textTransform: 'uppercase',
-                        letterSpacing: 1,
-                    }, children: tDetails.agreement }) }), Object.keys(details).map((key, _i) => (_jsxs(View, { style: {
-                    padding: 8,
-                    paddingBottom: 16,
-                    rowGap: 8,
-                    borderTop: border,
-                }, children: [_jsx(Text, { style: {
-                            textTransform: 'uppercase',
-                            color: colors.primary2,
-                            fontSize: 8,
-                            letterSpacing: 1,
-                        }, children: `${key} details` }), details[key].map((line) => (_jsx(LabelValue, { label: line.key, value: line.value }, line.key)))] }, key)))] }));
+                        letterSpacing: 1
+                    },
+                    children: tDetails.agreement
+                })
+            }),
+            Object.keys(details).map(function(key, _i) {
+                return /*#__PURE__*/ _jsxs(View, {
+                    style: {
+                        padding: 8,
+                        paddingBottom: 16,
+                        rowGap: 8,
+                        borderTop: border
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Text, {
+                            style: {
+                                textTransform: 'uppercase',
+                                color: colors.primary2,
+                                fontSize: 8,
+                                letterSpacing: 1
+                            },
+                            children: "".concat(key, " details")
+                        }),
+                        details[key].map(function(line) {
+                            return /*#__PURE__*/ _jsx(LabelValue, {
+                                label: line.key,
+                                value: line.value
+                            }, line.key);
+                        })
+                    ]
+                }, key);
+            })
+        ]
+    });
 };
 export default Details;
 // TODO: replace this with dump's once the package is ready
-const getPlanTranslation = (plan, vehicleType) => {
-    switch (plan) {
+var getPlanTranslation = function(plan, vehicleType) {
+    switch(plan){
         case 'plan60':
             return vehicleType === 'motorcycle' ? '60 Months' : '60 Months (Basic)';
         case 'plan36':
@@ -116,8 +195,8 @@ const getPlanTranslation = (plan, vehicleType) => {
             return 'Unknown Plan';
     }
 };
-const getFullMileagePackageTranslation = (plan) => {
-    switch (plan) {
+var getFullMileagePackageTranslation = function(plan) {
+    switch(plan){
         case 'lite':
             return 'Lite - 1,250KM';
         case 'standard':
@@ -130,4 +209,3 @@ const getFullMileagePackageTranslation = (plan) => {
             return 'Unknown Mileage Package';
     }
 };
-//# sourceMappingURL=Details.js.map

package/dist/templates/SubscriptionAgreement/Footer.js

@@ -1,16 +1,58 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text, View } from '@react-pdf/renderer';
 import { colors } from '../../theme/colors.js';
-const Footer = ({ tComputerGenerated, tPage, tOf }) => {
-    return (_jsxs(View, { fixed: true, style: {
+var Footer = function(param) {
+    var tComputerGenerated = param.tComputerGenerated, tPage = param.tPage, tOf = param.tOf;
+    return /*#__PURE__*/ _jsxs(View, {
+        fixed: true,
+        style: {
             justifyContent: 'space-between',
             flexDirection: 'row',
             paddingTop: 16,
             marginTop: 16,
-            borderTop: `1px solid ${colors.links}`,
+            borderTop: "1px solid ".concat(colors.links),
             color: colors.primary2,
-            fontSize: 8,
-        }, children: [_jsx(Text, { children: tComputerGenerated }), _jsxs(View, { style: { flexDirection: 'row', columnGap: 4 }, children: [_jsx(Text, { children: tPage }), _jsx(Text, { style: { fontWeight: 'bold', color: colors.black }, render: ({ pageNumber }) => `${pageNumber}` }), _jsx(Text, { children: tOf }), _jsx(Text, { style: { fontWeight: 'bold', color: colors.black }, render: ({ totalPages }) => `${totalPages}` })] })] }));
+            fontSize: 8
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                children: tComputerGenerated
+            }),
+            /*#__PURE__*/ _jsxs(View, {
+                style: {
+                    flexDirection: 'row',
+                    columnGap: 4
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        children: tPage
+                    }),
+                    /*#__PURE__*/ _jsx(Text, {
+                        style: {
+                            fontWeight: 'bold',
+                            color: colors.black
+                        },
+                        render: function(param) {
+                            var pageNumber = param.pageNumber;
+                            return "".concat(pageNumber);
+                        }
+                    }),
+                    /*#__PURE__*/ _jsx(Text, {
+                        children: tOf
+                    }),
+                    /*#__PURE__*/ _jsx(Text, {
+                        style: {
+                            fontWeight: 'bold',
+                            color: colors.black
+                        },
+                        render: function(param) {
+                            var totalPages = param.totalPages;
+                            return "".concat(totalPages);
+                        }
+                    })
+                ]
+            })
+        ]
+    });
 };
 export default Footer;
-//# sourceMappingURL=Footer.js.map

package/dist/templates/SubscriptionAgreement/Header.js

@@ -2,15 +2,45 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link, Text, View } from '@react-pdf/renderer';
 import FluxLogo from '../../components/FluxLogo.js';
 import { colors } from '../../theme/colors.js';
-const Header = ({ tTitle, userId, subscriptionId }) => {
-    return (_jsxs(View, { fixed: true, style: {
+var Header = function(param) {
+    var tTitle = param.tTitle, userId = param.userId, subscriptionId = param.subscriptionId;
+    return /*#__PURE__*/ _jsxs(View, {
+        fixed: true,
+        style: {
             flexDirection: 'row',
             justifyContent: 'space-between',
             alignItems: 'center',
             paddingBottom: 40,
             // to not get pushed by the content
-            minHeight: 69,
-        }, children: [_jsx(Link, { src: "https://driveflux.com", children: _jsx(FluxLogo, {}) }), _jsxs(View, { style: { rowGap: 4, fontSize: 8, alignItems: 'flex-end' }, children: [_jsx(Text, { style: { fontWeight: 'bold' }, children: tTitle }), _jsx(Text, { style: { color: colors.primary2 }, children: `FLUX-${userId}-${subscriptionId}` })] })] }));
+            minHeight: 69
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Link, {
+                src: "https://driveflux.com",
+                children: /*#__PURE__*/ _jsx(FluxLogo, {})
+            }),
+            /*#__PURE__*/ _jsxs(View, {
+                style: {
+                    rowGap: 4,
+                    fontSize: 8,
+                    alignItems: 'flex-end'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        style: {
+                            fontWeight: 'bold'
+                        },
+                        children: tTitle
+                    }),
+                    /*#__PURE__*/ _jsx(Text, {
+                        style: {
+                            color: colors.primary2
+                        },
+                        children: "FLUX-".concat(userId, "-").concat(subscriptionId)
+                    })
+                ]
+            })
+        ]
+    });
 };
 export default Header;
-//# sourceMappingURL=Header.js.map

package/dist/templates/SubscriptionAgreement/LabelValue.js

@@ -1,7 +1,29 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text, View } from '@react-pdf/renderer';
-const LabelValue = ({ label, value }) => {
-    return (_jsxs(View, { style: { flexDirection: 'row' }, children: [_jsx(Text, { style: { minWidth: 120, textTransform: 'capitalize' }, children: label }), _jsx(Text, { children: ':' }), _jsx(Text, { style: { paddingLeft: 16 }, children: value ? `${value}` : '-' })] }));
+var LabelValue = function(param) {
+    var label = param.label, value = param.value;
+    return /*#__PURE__*/ _jsxs(View, {
+        style: {
+            flexDirection: 'row'
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                style: {
+                    minWidth: 120,
+                    textTransform: 'capitalize'
+                },
+                children: label
+            }),
+            /*#__PURE__*/ _jsx(Text, {
+                children: ':'
+            }),
+            /*#__PURE__*/ _jsx(Text, {
+                style: {
+                    paddingLeft: 16
+                },
+                children: value ? "".concat(value) : '-'
+            })
+        ]
+    });
 };
 export default LabelValue;
-//# sourceMappingURL=LabelValue.js.map