@driveflux/pdf 1.6.65 → 1.6.66

package/dist/templates/QuotationPdf/utils.js

@@ -1,13 +1,44 @@
+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 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 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 getSimplifiedPlanTranslation = (plan) => {
-    switch (plan) {
+export var getSimplifiedPlanTranslation = function(plan) {
+    switch(plan){
         case 'plan60':
             return '60 Months';
         case 'plan36':
@@ -24,8 +55,8 @@ export const getSimplifiedPlanTranslation = (plan) => {
             return 'Unknown Plan';
     }
 };
-export const getMileagePackageTranslation = (mileagePackage) => {
-    switch (mileagePackage) {
+export var getMileagePackageTranslation = function(mileagePackage) {
+    switch(mileagePackage){
         case 'lite':
             return 'Lite';
         case 'standard':
@@ -38,8 +69,8 @@ export const getMileagePackageTranslation = (mileagePackage) => {
             return 'Unknown Mileage Package';
     }
 };
-export const getFullMileagePackageTranslation = (plan) => {
-    switch (plan) {
+export var getFullMileagePackageTranslation = function(plan) {
+    switch(plan){
         case 'lite':
             return 'Lite - 1,250KM';
         case 'standard':
@@ -52,25 +83,25 @@ export const getFullMileagePackageTranslation = (plan) => {
             return 'Unknown Mileage Package';
     }
 };
-export const getPromoNotes = (amount, discount) => {
-    const { discountType, discountValue, maxRedemptions } = discount;
-    switch (discountType) {
+export var getPromoNotes = function(amount, discount) {
+    var discountType = discount.discountType, discountValue = discount.discountValue, maxRedemptions = discount.maxRedemptions;
+    switch(discountType){
         case 'percentage':
-            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.`;
-        }
+            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.");
+            }
     }
 };
-export const getInspectionTypeTranslation = (inspectionType) => {
-    switch (inspectionType) {
+export var getInspectionTypeTranslation = function(inspectionType) {
+    switch(inspectionType){
         case 'exterior':
             return 'Exterior';
         case 'interior':
@@ -85,4 +116,3 @@ export const getInspectionTypeTranslation = (inspectionType) => {
             return inspectionType;
     }
 };
-//# sourceMappingURL=utils.js.map

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

@@ -4,86 +4,113 @@ 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 }) => {
-    const details = {
+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 = {
         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
+            }
         ],
         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.schedule?.endAt
-                        ? format(subscription.schedule?.endAt, 'dd-MM-yyyy')
-                        : undefined,
-            },
-        ],
+                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
+            }
+        ]
     };
-    const border = `1px solid ${colors.primary2}`;
-    return (_jsxs(View, { style: { borderLeft: border, borderRight: border }, children: [_jsx(View, { style: {
+    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':
@@ -100,8 +127,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':
@@ -114,4 +141,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