@driveflux/pdf 4.0.27 → 4.0.28

package/dist/templates/QuotationPdf/CustomerSubscriptionSection.js

@@ -2,46 +2,164 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Text, View } from '@react-pdf/renderer';
 import { colors } from '../../theme/colors.js';
 import SectionBoxNew from './SectionBoxNew.js';
-import { formatAddress, getFullMileagePackageTranslation, getSimplifiedPlanTranslation, } from './utils.js';
-const CustomerSubscriptionSection = ({ quotation, t }) => {
-    const displayContent = (label, value, labelColor = colors.black, valueColor = colors.primary3) => (_jsxs(View, { style: { gap: 4 }, children: [_jsx(Text, { style: { color: labelColor, letterSpacing: 1 }, children: label }), _jsx(Text, { style: { color: valueColor, letterSpacing: 1 }, children: value })] }));
-    return (_jsx(View, { children: _jsx(SectionBoxNew, { topContent: _jsxs(_Fragment, { children: [_jsx(Text, { style: {
+import { formatAddress, getFullMileagePackageTranslation, getSimplifiedPlanTranslation } from './utils.js';
+var CustomerSubscriptionSection = function(param) {
+    var quotation = param.quotation, t = param.t;
+    var displayContent = function(label, value) {
+        var labelColor = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : colors.black, valueColor = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : colors.primary3;
+        return /*#__PURE__*/ _jsxs(View, {
+            style: {
+                gap: 4
+            },
+            children: [
+                /*#__PURE__*/ _jsx(Text, {
+                    style: {
+                        color: labelColor,
+                        letterSpacing: 1
+                    },
+                    children: label
+                }),
+                /*#__PURE__*/ _jsx(Text, {
+                    style: {
+                        color: valueColor,
+                        letterSpacing: 1
+                    },
+                    children: value
+                })
+            ]
+        });
+    };
+    return /*#__PURE__*/ _jsx(View, {
+        children: /*#__PURE__*/ _jsx(SectionBoxNew, {
+            topContent: /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        style: {
                             textTransform: 'uppercase',
                             fontSize: 12,
-                            fontWeight: 'bold',
-                        }, children: t.customer.title }), _jsxs(View, { style: { flexDirection: 'row', justifyContent: 'space-between' }, children: [displayContent(t.customer.name, quotation.customerName), quotation.customer.email &&
-                                displayContent(t.customer.email, quotation.customer.email)] }), quotation.customer.address &&
-                        displayContent(t.customer.address, formatAddress(quotation.customer.address))] }), bottomContent: _jsxs(_Fragment, { children: [_jsx(Text, { style: {
+                            fontWeight: 'bold'
+                        },
+                        children: t.customer.title
+                    }),
+                    /*#__PURE__*/ _jsxs(View, {
+                        style: {
+                            flexDirection: 'row',
+                            justifyContent: 'space-between'
+                        },
+                        children: [
+                            displayContent(t.customer.name, quotation.customerName),
+                            quotation.customer.email && displayContent(t.customer.email, quotation.customer.email)
+                        ]
+                    }),
+                    quotation.customer.address && displayContent(t.customer.address, formatAddress(quotation.customer.address))
+                ]
+            }),
+            bottomContent: /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        style: {
                             textTransform: 'uppercase',
                             fontSize: 12,
-                            fontWeight: 'bold',
-                        }, children: t.subscription.title }), _jsxs(View, { style: {
+                            fontWeight: 'bold'
+                        },
+                        children: t.subscription.title
+                    }),
+                    /*#__PURE__*/ _jsxs(View, {
+                        style: {
                             flexDirection: 'row',
                             justifyContent: 'space-between',
-                            gap: 4,
-                        }, children: [displayContent(t.subscription.vehicleName, quotation.vehicleName), _jsxs(View, { style: {
+                            gap: 4
+                        },
+                        children: [
+                            displayContent(t.subscription.vehicleName, quotation.vehicleName),
+                            /*#__PURE__*/ _jsxs(View, {
+                                style: {
                                     justifyContent: 'space-between',
                                     flexDirection: 'row',
-                                    gap: 16,
-                                }, children: [displayContent(t.subscription.plan, getSimplifiedPlanTranslation(quotation.plan)), displayContent(t.subscription.mileagePackage, getFullMileagePackageTranslation(quotation.mileagePackage))] })] }), _jsxs(View, { style: { rowGap: 8 }, children: [_jsx(Text, { style: {
+                                    gap: 16
+                                },
+                                children: [
+                                    displayContent(t.subscription.plan, getSimplifiedPlanTranslation(quotation.plan)),
+                                    displayContent(t.subscription.mileagePackage, getFullMileagePackageTranslation(quotation.mileagePackage))
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(View, {
+                        style: {
+                            rowGap: 8
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Text, {
+                                style: {
                                     color: colors.primary3,
                                     fontWeight: 'bold',
-                                    letterSpacing: 1,
-                                }, children: t.subIncludes.title }), t.subIncludes.content.map((line, i) => (_jsxs(View
-                            // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
-                            , { style: {
-                                    flexDirection: 'row',
-                                    alignItems: 'flex-start',
-                                    rowGap: 8,
-                                }, children: [_jsx(Text, { style: { marginRight: 4 }, children: "\u2022" }), _jsx(Text, { style: { color: colors.primary3, letterSpacing: 1 }, children: line })] }, i)))] })] }), children: quotation.mileagePackage !== 'unlimited' && (_jsxs(_Fragment, { children: [_jsx(View, { style: { borderBottom: `1px solid ${colors.primary2}` } }), _jsxs(View, { style: { padding: 16, rowGap: 16 }, children: [_jsx(Text, { style: {
+                                    letterSpacing: 1
+                                },
+                                children: t.subIncludes.title
+                            }),
+                            t.subIncludes.content.map(function(line, i) {
+                                return /*#__PURE__*/ _jsxs(View, {
+                                    style: {
+                                        flexDirection: 'row',
+                                        alignItems: 'flex-start',
+                                        rowGap: 8
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Text, {
+                                            style: {
+                                                marginRight: 4
+                                            },
+                                            children: "•"
+                                        }),
+                                        /*#__PURE__*/ _jsx(Text, {
+                                            style: {
+                                                color: colors.primary3,
+                                                letterSpacing: 1
+                                            },
+                                            children: line
+                                        })
+                                    ]
+                                }, i);
+                            })
+                        ]
+                    })
+                ]
+            }),
+            children: quotation.mileagePackage !== 'unlimited' && /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(View, {
+                        style: {
+                            borderBottom: "1px solid ".concat(colors.primary2)
+                        }
+                    }),
+                    /*#__PURE__*/ _jsxs(View, {
+                        style: {
+                            padding: 16,
+                            rowGap: 16
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Text, {
+                                style: {
                                     color: colors.primary3,
                                     fontWeight: 'bold',
-                                    letterSpacing: 1,
-                                }, children: t.subIncludes.excessMileage.title }), _jsx(Text, { style: {
+                                    letterSpacing: 1
+                                },
+                                children: t.subIncludes.excessMileage.title
+                            }),
+                            /*#__PURE__*/ _jsx(Text, {
+                                style: {
                                     fontSize: '9px',
                                     color: colors.primary3,
-                                    letterSpacing: 1,
-                                }, children: t.subIncludes.excessMileage.description(quotation.fees.excessMileageFee || 0) })] })] })) }) }));
+                                    letterSpacing: 1
+                                },
+                                children: t.subIncludes.excessMileage.description(quotation.fees.excessMileageFee || 0)
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
 };
 export default CustomerSubscriptionSection;
-//# sourceMappingURL=CustomerSubscriptionSection.js.map

package/dist/templates/QuotationPdf/GFV.js

@@ -2,23 +2,60 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { formatMoney } from '@driveflux/format-money';
 import { Text, View } from '@react-pdf/renderer';
 import { colors } from '../../theme/colors.js';
-const GFV = ({ quotation, t }) => {
-    if (!quotation.fees.gfv)
-        return;
-    return (_jsxs(View, { style: {
-            border: `1px solid ${colors.primary2}`,
+var GFV = function(param) {
+    var quotation = param.quotation, t = param.t;
+    if (!quotation.fees.gfv) return;
+    return /*#__PURE__*/ _jsxs(View, {
+        style: {
+            border: "1px solid ".concat(colors.primary2),
             padding: 16,
-            rowGap: 16,
-        }, children: [_jsx(Text, { style: {
+            rowGap: 16
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                style: {
                     color: colors.black,
                     fontWeight: 'bold',
                     letterSpacing: 1,
                     textTransform: 'uppercase',
-                    flexWrap: 'nowrap',
-                }, children: t?.fees.gfv.title }), _jsxs(View, { style: { display: 'flex', flexDirection: 'row', flexWrap: 'wrap' }, children: [_jsxs(Text, { style: {
+                    flexWrap: 'nowrap'
+                },
+                children: t === null || t === void 0 ? void 0 : t.fees.gfv.title
+            }),
+            /*#__PURE__*/ _jsxs(View, {
+                style: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    flexWrap: 'wrap'
+                },
+                children: [
+                    /*#__PURE__*/ _jsxs(Text, {
+                        style: {
                             color: colors.primary3,
-                            letterSpacing: 1,
-                        }, children: ["You have the option to purchase this vehicle with GFV amount of", ' '] }), _jsx(Text, { style: { fontWeight: 'bold', color: colors.primary3 }, children: formatMoney(quotation.fees.gfv) }), _jsx(Text, { style: { color: colors.primary3, letterSpacing: 1 }, children: "at the end of your subscription." })] })] }));
+                            letterSpacing: 1
+                        },
+                        children: [
+                            "You have the option to purchase this vehicle with GFV amount of",
+                            ' '
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Text, {
+                        style: {
+                            fontWeight: 'bold',
+                            color: colors.primary3
+                        },
+                        children: formatMoney(quotation.fees.gfv)
+                    }),
+                    /*#__PURE__*/ _jsx(Text, {
+                        style: {
+                            color: colors.primary3,
+                            letterSpacing: 1
+                        },
+                        children: "at the end of your subscription."
+                    })
+                ]
+            })
+        ]
+    });
 };
 export default GFV;
-//# sourceMappingURL=GFV.js.map

package/dist/templates/QuotationPdf/Header.js

@@ -2,12 +2,70 @@ 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, quotationId, quotationDate }) => {
-    return (_jsxs(View, { style: { gap: 24 }, children: [_jsx(Link, { src: "https://driveflux.com", children: _jsx(FluxLogo, {}) }), _jsxs(View, { style: { gap: 4 }, children: [_jsx(Text, { style: {
+var Header = function(param) {
+    var tTitle = param.tTitle, quotationId = param.quotationId, quotationDate = param.quotationDate;
+    return /*#__PURE__*/ _jsxs(View, {
+        style: {
+            gap: 24
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Link, {
+                src: "https://driveflux.com",
+                children: /*#__PURE__*/ _jsx(FluxLogo, {})
+            }),
+            /*#__PURE__*/ _jsxs(View, {
+                style: {
+                    gap: 4
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        style: {
                             fontWeight: 'bold',
                             textTransform: 'uppercase',
-                            fontSize: 18,
-                        }, children: tTitle }), _jsxs(View, { style: { justifyContent: 'space-between', flexDirection: 'row' }, children: [_jsx(Text, { style: { color: colors.primary3, fontSize: 10 }, children: quotationId }), _jsxs(View, { style: { gap: 8, flexDirection: 'row' }, children: [_jsx(Text, { style: { fontSize: 10, color: colors.black }, children: "Date" }), _jsx(Text, { style: { color: colors.primary3, fontSize: 10 }, children: quotationDate })] })] })] })] }));
+                            fontSize: 18
+                        },
+                        children: tTitle
+                    }),
+                    /*#__PURE__*/ _jsxs(View, {
+                        style: {
+                            justifyContent: 'space-between',
+                            flexDirection: 'row'
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Text, {
+                                style: {
+                                    color: colors.primary3,
+                                    fontSize: 10
+                                },
+                                children: quotationId
+                            }),
+                            /*#__PURE__*/ _jsxs(View, {
+                                style: {
+                                    gap: 8,
+                                    flexDirection: 'row'
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx(Text, {
+                                        style: {
+                                            fontSize: 10,
+                                            color: colors.black
+                                        },
+                                        children: "Date"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Text, {
+                                        style: {
+                                            color: colors.primary3,
+                                            fontSize: 10
+                                        },
+                                        children: quotationDate
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
 };
 export default Header;
-//# sourceMappingURL=Header.js.map