@driveflux/pdf 1.7.0 → 1.7.1

package/dist/templates/QuotationPdf/utils.js

@@ -1,44 +1,13 @@
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
 import { formatMoney } from '@driveflux/format-money';
-export var formatAddress = function(originalAddress) {
-    var coordinates = originalAddress.coordinates, metadata = originalAddress.metadata, address = _object_without_properties(originalAddress, [
-        "coordinates",
-        "metadata"
-    ]);
-    return Object.keys(address).filter(function(key) {
-        return key !== 'name' && !!address[key];
-    }).map(function(a) {
-        return address[a];
-    }).join(', ');
+export const formatAddress = (originalAddress) => {
+    const { coordinates, metadata, ...address } = originalAddress;
+    return Object.keys(address)
+        .filter((key) => key !== 'name' && !!address[key])
+        .map((a) => address[a])
+        .join(', ');
 };
-export var getSimplifiedPlanTranslation = function(plan) {
-    switch(plan){
+export const getSimplifiedPlanTranslation = (plan) => {
+    switch (plan) {
         case 'plan60':
             return '60 Months';
         case 'plan36':
@@ -55,8 +24,8 @@ export var getSimplifiedPlanTranslation = function(plan) {
             return 'Unknown Plan';
     }
 };
-export var getMileagePackageTranslation = function(mileagePackage) {
-    switch(mileagePackage){
+export const getMileagePackageTranslation = (mileagePackage) => {
+    switch (mileagePackage) {
         case 'lite':
             return 'Lite';
         case 'standard':
@@ -69,8 +38,8 @@ export var getMileagePackageTranslation = function(mileagePackage) {
             return 'Unknown Mileage Package';
     }
 };
-export var getFullMileagePackageTranslation = function(plan) {
-    switch(plan){
+export const getFullMileagePackageTranslation = (plan) => {
+    switch (plan) {
         case 'lite':
             return 'Lite - 1,250KM';
         case 'standard':
@@ -83,25 +52,25 @@ export var getFullMileagePackageTranslation = function(plan) {
             return 'Unknown Mileage Package';
     }
 };
-export var getPromoNotes = function(amount, discount) {
-    var discountType = discount.discountType, discountValue = discount.discountValue, maxRedemptions = discount.maxRedemptions;
-    switch(discountType){
+export const getPromoNotes = (amount, discount) => {
+    const { discountType, discountValue, maxRedemptions } = discount;
+    switch (discountType) {
         case 'percentage':
-            return "Enjoy ".concat(discountValue * 100, "% off for ").concat(maxRedemptions, " month(s) for this vehicle.");
-        case 'fixed':
-            {
-                var money = formatMoney(discountValue);
-                return amount <= 0 ? "Enjoy free for ".concat(maxRedemptions, " month(s).") : "Enjoy ".concat(money, " off for the first ").concat(maxRedemptions, " month(s), then your subscription will switch to the regular price.");
-            }
-        case 'forceAmount':
-            {
-                var money1 = formatMoney(Math.min(amount, discountValue));
-                return "Enjoy only ".concat(money1, " for ").concat(maxRedemptions, " month(s), then your subscription will switch to the regular price.");
-            }
+            return `Enjoy ${discountValue * 100}% off for ${maxRedemptions} month(s) for this vehicle.`;
+        case 'fixed': {
+            const money = formatMoney(discountValue);
+            return amount <= 0
+                ? `Enjoy free for ${maxRedemptions} month(s).`
+                : `Enjoy ${money} off for the first ${maxRedemptions} month(s), then your subscription will switch to the regular price.`;
+        }
+        case 'forceAmount': {
+            const money = formatMoney(Math.min(amount, discountValue));
+            return `Enjoy only ${money} for ${maxRedemptions} month(s), then your subscription will switch to the regular price.`;
+        }
     }
 };
-export var getInspectionTypeTranslation = function(inspectionType) {
-    switch(inspectionType){
+export const getInspectionTypeTranslation = (inspectionType) => {
+    switch (inspectionType) {
         case 'exterior':
             return 'Exterior';
         case 'interior':
@@ -116,3 +85,4 @@ export var getInspectionTypeTranslation = function(inspectionType) {
             return inspectionType;
     }
 };
+//# sourceMappingURL=utils.js.map

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;
-    var _subscription_signature, _subscription_user_identification;
-    if (!((_subscription_signature = subscription.signature) === null || _subscription_signature === void 0 ? void 0 : _subscription_signature.signature)) {
+const Confirmation = ({ tConfirmation, subscription }) => {
+    if (!subscription.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: subscription.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: subscription.signature.signedAt ? format(subscription.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: 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
+                                    ? format(subscription.signature.signedAt, 'dd-MM-yyyy hh:mm a')
+                                    : undefined })] })] })] }));
 };
 export default Confirmation;
+//# sourceMappingURL=Confirmation.js.map

package/dist/templates/SubscriptionAgreement/CoverPage.js

@@ -5,91 +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;
-    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 }) => {
+    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: [
-                            /*#__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: [_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

@@ -4,113 +4,86 @@ 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_user_identification, _subscription_vehicle, _subscription_vehicle1, _subscription_vehicle2, _subscription_vehicle3, _subscription_vehicle4, _subscription_schedule, _subscription_schedule1;
-    var details = {
+const Details = ({ tDetails, subscription }) => {
+    const 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,
+            },
         ],
         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_schedule = subscription.schedule) === null || _subscription_schedule === void 0 ? void 0 : _subscription_schedule.endAt) ? format((_subscription_schedule1 = subscription.schedule) === null || _subscription_schedule1 === void 0 ? void 0 : _subscription_schedule1.endAt, 'dd-MM-yyyy') : undefined
-            }
-        ]
+                value: subscription.endedAt
+                    ? format(subscription.endedAt, 'dd-MM-yyyy')
+                    : subscription.schedule?.endAt
+                        ? format(subscription.schedule?.endAt, '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: {
+    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':
@@ -127,8 +100,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':
@@ -141,3 +114,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