@driveflux/pdf 4.0.26 → 4.0.27

package/dist/templates/SubscriptionAgreement/Confirmation.js

@@ -4,77 +4,22 @@ import { Image, Text, View } from '@react-pdf/renderer';
 import { format } from 'date-fns';
 import { colors } from '../../theme/index.js';
 import LabelValue from './LabelValue.js';
-var Confirmation = function(param) {
-    var tConfirmation = param.tConfirmation, subscription = param.subscription, signature = param.signature;
-    var _subscription_user_identification;
+const Confirmation = ({ tConfirmation, subscription, signature, }) => {
     if (!signature.signature) {
         throw new Error('Missing signature');
     }
-    var border = "1px solid ".concat(colors.primary2);
-    return /*#__PURE__*/ _jsxs(View, {
-        style: {
-            borderLeft: border,
-            borderRight: border,
-            borderBottom: border
-        },
-        children: [
-            /*#__PURE__*/ _jsx(View, {
-                style: {
+    const border = `1px solid ${colors.primary2}`;
+    return (_jsxs(View, { style: { borderLeft: border, borderRight: border, borderBottom: border }, children: [_jsx(View, { style: {
                     backgroundColor: colors.primary1,
                     borderTop: border,
-                    padding: 8
-                },
-                children: /*#__PURE__*/ _jsx(Text, {
-                    style: {
+                    padding: 8,
+                }, children: _jsx(Text, { style: {
                         fontWeight: 'bold',
                         textTransform: 'uppercase',
-                        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
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
-    });
+                        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 })] })] })] }));
 };
 export default Confirmation;
+//# sourceMappingURL=Confirmation.js.map

package/dist/templates/SubscriptionAgreement/CoverPage.js

@@ -5,107 +5,24 @@ import { format } from 'date-fns';
 import { colors } from '../../theme/colors.js';
 import CoverPageSection from './CoverPageSection.js';
 import LabelValue from './LabelValue.js';
-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: {
+const CoverPage = ({ tTitle, tCover, signedAt, user, payerType, business, }) => {
+    return (_jsxs(View, { style: { flex: 1, paddingVertical: 80, justifyContent: 'space-between' }, children: [_jsx(Text, { style: {
                     fontWeight: 'bold',
                     fontSize: 40,
                     textTransform: 'uppercase',
-                    flex: 1
-                },
-                children: tTitle
-            }),
-            /*#__PURE__*/ _jsxs(View, {
-                style: {
+                    flex: 1,
+                }, children: tTitle }), _jsxs(View, { style: {
                     padding: 16,
                     rowGap: 32,
-                    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: {
+                    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: {
                             fontSize: 8,
                             fontWeight: 'bold',
                             color: colors.primary3,
                             textTransform: 'uppercase',
-                            letterSpacing: 1
-                        },
-                        children: tCover.and
-                    }),
-                    /*#__PURE__*/ _jsx(Text, {
-                        children: "FLUX Sdn Bhd (1264766-H)"
-                    })
-                ]
-            })
-        ]
-    });
+                            letterSpacing: 1,
+                        }, children: tCover.and }), _jsx(Text, { children: "FLUX Sdn Bhd (1264766-H)" })] })] }));
 };
 export default CoverPage;
+//# sourceMappingURL=CoverPage.js.map

package/dist/templates/SubscriptionAgreement/CoverPageSection.js

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

package/dist/templates/SubscriptionAgreement/Details.js

@@ -1,184 +1,105 @@
-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';
-var Details = function(param) {
-    var tDetails = param.tDetails, subscription = param.subscription;
-    var _subscription_vehicle, _subscription_vehicle1, _subscription_vehicle2, _subscription_vehicle3, _subscription_vehicle4;
-    var details = {};
+const Details = ({ tDetails, subscription }) => {
+    let details = {};
     if (subscription.payerType === 'business') {
-        var _subscription_business;
         details.business = [
             {
                 key: tDetails.business.name,
-                value: subscription === null || subscription === void 0 ? void 0 : subscription.businessName
+                value: subscription?.businessName,
             },
             {
                 key: tDetails.business.companyNo,
-                value: subscription === null || subscription === void 0 ? void 0 : (_subscription_business = subscription.business) === null || _subscription_business === void 0 ? void 0 : _subscription_business.registrationNumber
-            }
+                value: subscription?.business?.registrationNumber,
+            },
         ];
-    } else {
-        var _subscription_user_identification;
+    }
+    else {
         details.member = [
             {
                 key: tDetails.member.name,
-                value: userName(subscription.user)
+                value: userName(subscription.user),
             },
             {
                 key: tDetails.member.idOrPassportNo,
-                value: (_subscription_user_identification = subscription.user.identification) === null || _subscription_user_identification === void 0 ? void 0 : _subscription_user_identification.number
-            }
+                value: subscription.user.identification?.number,
+            },
         ];
     }
-    details = _object_spread_props(_object_spread({}, details), {
+    details = {
+        ...details,
         vehicle: [
             {
                 key: tDetails.vehicle.make,
-                value: (_subscription_vehicle = subscription.vehicle) === null || _subscription_vehicle === void 0 ? void 0 : _subscription_vehicle.make
+                value: subscription.vehicle?.make,
             },
             {
                 key: tDetails.vehicle.model,
-                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)
+                value: `${subscription.vehicle?.vehicleModel} ${subscription.vehicle?.variant}`,
             },
             {
                 key: tDetails.vehicle.year,
-                value: (_subscription_vehicle3 = subscription.vehicle) === null || _subscription_vehicle3 === void 0 ? void 0 : _subscription_vehicle3.year
+                value: subscription.vehicle?.year,
             },
             {
                 key: tDetails.vehicle.plateNo,
-                value: (_subscription_vehicle4 = subscription.vehicle) === null || _subscription_vehicle4 === void 0 ? void 0 : _subscription_vehicle4.registrationNumber
-            }
+                value: subscription.vehicle?.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
-            }
-        ]
-    });
-    var border = "1px solid ".concat(colors.primary2);
-    return /*#__PURE__*/ _jsxs(View, {
-        style: {
-            borderLeft: border,
-            borderRight: border
-        },
-        children: [
-            /*#__PURE__*/ _jsx(View, {
-                style: {
+                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: {
                     backgroundColor: colors.primary1,
                     borderTop: border,
-                    padding: 8
-                },
-                children: /*#__PURE__*/ _jsx(Text, {
-                    style: {
+                    padding: 8,
+                }, children: _jsx(Text, { style: {
                         fontWeight: 'bold',
                         textTransform: 'uppercase',
-                        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);
-            })
-        ]
-    });
+                        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)))] }));
 };
 export default Details;
 // TODO: replace this with dump's once the package is ready
-var getPlanTranslation = function(plan, vehicleType) {
-    switch(plan){
+const getPlanTranslation = (plan, vehicleType) => {
+    switch (plan) {
         case 'plan60':
             return vehicleType === 'motorcycle' ? '60 Months' : '60 Months (Basic)';
         case 'plan36':
@@ -195,8 +116,8 @@ var getPlanTranslation = function(plan, vehicleType) {
             return 'Unknown Plan';
     }
 };
-var getFullMileagePackageTranslation = function(plan) {
-    switch(plan){
+const getFullMileagePackageTranslation = (plan) => {
+    switch (plan) {
         case 'lite':
             return 'Lite - 1,250KM';
         case 'standard':
@@ -209,3 +130,4 @@ var getFullMileagePackageTranslation = function(plan) {
             return 'Unknown Mileage Package';
     }
 };
+//# sourceMappingURL=Details.js.map

package/dist/templates/SubscriptionAgreement/Footer.js

@@ -1,58 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text, View } from '@react-pdf/renderer';
 import { colors } from '../../theme/colors.js';
-var Footer = function(param) {
-    var tComputerGenerated = param.tComputerGenerated, tPage = param.tPage, tOf = param.tOf;
-    return /*#__PURE__*/ _jsxs(View, {
-        fixed: true,
-        style: {
+const Footer = ({ tComputerGenerated, tPage, tOf }) => {
+    return (_jsxs(View, { fixed: true, style: {
             justifyContent: 'space-between',
             flexDirection: 'row',
             paddingTop: 16,
             marginTop: 16,
-            borderTop: "1px solid ".concat(colors.links),
+            borderTop: `1px solid ${colors.links}`,
             color: colors.primary2,
-            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);
-                        }
-                    })
-                ]
-            })
-        ]
-    });
+            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}` })] })] }));
 };
 export default Footer;
+//# sourceMappingURL=Footer.js.map

package/dist/templates/SubscriptionAgreement/Header.js

@@ -2,45 +2,15 @@ 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';
-var Header = function(param) {
-    var tTitle = param.tTitle, userId = param.userId, subscriptionId = param.subscriptionId;
-    return /*#__PURE__*/ _jsxs(View, {
-        fixed: true,
-        style: {
+const Header = ({ tTitle, userId, subscriptionId }) => {
+    return (_jsxs(View, { fixed: true, style: {
             flexDirection: 'row',
             justifyContent: 'space-between',
             alignItems: 'center',
             paddingBottom: 40,
             // to not get pushed by the content
-            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)
-                    })
-                ]
-            })
-        ]
-    });
+            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}` })] })] }));
 };
 export default Header;
+//# sourceMappingURL=Header.js.map

package/dist/templates/SubscriptionAgreement/LabelValue.js

@@ -1,29 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text, View } from '@react-pdf/renderer';
-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) : '-'
-            })
-        ]
-    });
+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}` : '-' })] }));
 };
 export default LabelValue;
+//# sourceMappingURL=LabelValue.js.map