@driveflux/pdf 1.6.64 → 1.6.65

package/dist/templates/QuotationPdf/QuotationPdfPage.js

@@ -3,28 +3,8 @@ import { View } from '@react-pdf/renderer';
 import { format } from 'date-fns';
 import StandardPage from '../../components/StandardPage.js';
 import Header from './Header.js';
-var QuotationPdfPage = function(param) {
-    var quotation = param.quotation, children = param.children;
-    return /*#__PURE__*/ _jsxs(StandardPage, {
-        style: {
-            padding: 40,
-            fontSize: 10,
-            gap: 16
-        },
-        children: [
-            /*#__PURE__*/ _jsx(Header, {
-                tTitle: 'Quotation',
-                quotationId: quotation.id,
-                quotationDate: format(quotation.createdAt, 'dd-MM-yyyy')
-            }),
-            /*#__PURE__*/ _jsx(View, {
-                style: {
-                    flex: 1,
-                    rowGap: 24
-                },
-                children: children
-            })
-        ]
-    });
+const QuotationPdfPage = ({ quotation, children, }) => {
+    return (_jsxs(StandardPage, { style: { padding: 40, fontSize: 10, gap: 16 }, children: [_jsx(Header, { tTitle: 'Quotation', quotationId: quotation.id, quotationDate: format(quotation.createdAt, 'dd-MM-yyyy') }), _jsx(View, { style: { flex: 1, rowGap: 24 }, children: children })] }));
 };
 export default QuotationPdfPage;
+//# sourceMappingURL=QuotationPdfPage.js.map

package/dist/templates/QuotationPdf/SectionBoxNew.js

@@ -1,38 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { View } from '@react-pdf/renderer';
 import { colors } from '../../theme/colors.js';
-var SectionBoxNew = function(param) {
-    var topContent = param.topContent, bottomContent = param.bottomContent, children = param.children;
-    return /*#__PURE__*/ _jsxs(View, {
-        style: {
-            border: "1px solid ".concat(colors.primary2)
-        },
-        children: [
-            /*#__PURE__*/ _jsx(View, {
-                style: {
-                    padding: 16,
-                    rowGap: 16
-                },
-                children: topContent
-            }),
-            bottomContent && /*#__PURE__*/ _jsxs(_Fragment, {
-                children: [
-                    /*#__PURE__*/ _jsx(View, {
-                        style: {
-                            borderBottom: "1px solid ".concat(colors.primary2)
-                        }
-                    }),
-                    /*#__PURE__*/ _jsx(View, {
-                        style: {
-                            padding: 16,
-                            rowGap: 16
-                        },
-                        children: bottomContent
-                    })
-                ]
-            }),
-            children
-        ]
-    });
+const SectionBoxNew = ({ topContent, bottomContent, children }) => {
+    return (_jsxs(View, { style: { border: `1px solid ${colors.primary2}` }, children: [_jsx(View, { style: { padding: 16, rowGap: 16 }, children: topContent }), bottomContent && (_jsxs(_Fragment, { children: [_jsx(View, { style: { borderBottom: `1px solid ${colors.primary2}` } }), _jsx(View, { style: { padding: 16, rowGap: 16 }, children: bottomContent })] })), children] }));
 };
 export default SectionBoxNew;
+//# sourceMappingURL=SectionBoxNew.js.map

package/dist/templates/QuotationPdf/TermsSection.js

@@ -1,50 +1,13 @@
 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 TermsSection = function(param) {
-    var t = param.t;
-    return /*#__PURE__*/ _jsxs(View, {
-        style: {
-            gap: 16
-        },
-        children: [
-            /*#__PURE__*/ _jsx(Text, {
-                style: {
+const TermsSection = ({ t }) => {
+    return (_jsxs(View, { style: { gap: 16 }, children: [_jsx(Text, { style: {
                     fontWeight: 'bold',
                     color: colors.black,
                     letterSpacing: 1,
-                    textTransform: 'uppercase'
-                },
-                children: t === null || t === void 0 ? void 0 : t.title
-            }),
-            /*#__PURE__*/ _jsx(View, {
-                children: t.content.map(function(line, i) {
-                    return /*#__PURE__*/ _jsxs(View, {
-                        style: {
-                            flexDirection: 'row',
-                            alignItems: 'flex-start'
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsx(Text, {
-                                style: {
-                                    marginRight: 4,
-                                    fontSize: 8
-                                },
-                                children: "•"
-                            }),
-                            /*#__PURE__*/ _jsx(Text, {
-                                style: {
-                                    color: colors.primary3,
-                                    letterSpacing: 1,
-                                    fontSize: 8
-                                },
-                                children: line
-                            })
-                        ]
-                    }, line);
-                })
-            })
-        ]
-    });
+                    textTransform: 'uppercase',
+                }, children: t?.title }), _jsx(View, { children: t.content.map((line, i) => (_jsxs(View, { style: { flexDirection: 'row', alignItems: 'flex-start' }, children: [_jsx(Text, { style: { marginRight: 4, fontSize: 8 }, children: "\u2022" }), _jsx(Text, { style: { color: colors.primary3, letterSpacing: 1, fontSize: 8 }, children: line })] }, line))) })] }));
 };
 export default TermsSection;
+//# sourceMappingURL=TermsSection.js.map

package/dist/templates/QuotationPdf/VehiclePhotos.js

@@ -2,65 +2,35 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Image, Text, View } from '@react-pdf/renderer';
 import { colors } from '../../theme/colors.js';
 import { getInspectionTypeTranslation } from './utils.js';
-var VehiclePhotos = function(param) {
-    var quotation = param.quotation, t = param.t;
-    var images = quotation.images;
-    return /*#__PURE__*/ _jsxs(View, {
-        style: {
-            border: "1px solid ".concat(colors.primary2),
-            padding: 16
-        },
-        children: [
-            /*#__PURE__*/ _jsx(Text, {
-                style: {
+const VehiclePhotos = ({ quotation, t }) => {
+    const images = quotation.images;
+    return (_jsxs(View, { style: { border: `1px solid ${colors.primary2}`, padding: 16 }, children: [_jsx(Text, { style: {
                     textTransform: 'uppercase',
                     fontSize: 12,
                     fontWeight: 'bold',
-                    marginBottom: 16
-                },
-                children: t === null || t === void 0 ? void 0 : t.title
-            }),
-            /*#__PURE__*/ _jsx(View, {
-                style: {
+                    marginBottom: 16,
+                }, children: t?.title }), _jsx(View, { style: {
                     display: 'flex',
                     flexDirection: 'row',
                     flexWrap: 'wrap',
-                    gap: 15
-                },
-                children: images.map(function(image) {
-                    return /*#__PURE__*/ _jsx(_Fragment, {
-                        children: /*#__PURE__*/ _jsxs(View, {
-                            style: {
-                                overflow: 'hidden',
-                                alignItems: 'center',
-                                gap: 4
-                            },
-                            children: [
-                                /*#__PURE__*/ _jsx(View, {
-                                    children: /*#__PURE__*/ _jsx(Image, {
-                                        // @ts-ignore
-                                        source: image.default,
-                                        style: {
-                                            objectFit: 'cover',
-                                            height: 90,
-                                            width: 150
-                                        }
-                                    })
-                                }),
-                                image.inspectionType && /*#__PURE__*/ _jsx(Text, {
-                                    style: {
-                                        color: colors.black,
-                                        fontSize: 10,
-                                        textAlign: 'center'
-                                    },
-                                    children: getInspectionTypeTranslation(image.inspectionType)
-                                })
-                            ]
-                        }, image.default)
-                    });
-                })
-            })
-        ]
-    });
+                    gap: 15,
+                }, children: images.map((image) => (_jsx(_Fragment, { children: _jsxs(View, { style: {
+                            overflow: 'hidden',
+                            alignItems: 'center',
+                            gap: 4,
+                        }, children: [_jsx(View, { children: _jsx(Image
+                                // @ts-ignore
+                                , { 
+                                    // @ts-ignore
+                                    source: image.default, style: {
+                                        objectFit: 'cover',
+                                        height: 90,
+                                        width: 150,
+                                    } }) }), image.inspectionType && (_jsx(Text, { style: {
+                                    color: colors.black,
+                                    fontSize: 10,
+                                    textAlign: 'center',
+                                }, children: getInspectionTypeTranslation(image.inspectionType) }))] }, image.default) }))) })] }));
 };
 export default VehiclePhotos;
+//# sourceMappingURL=VehiclePhotos.js.map

package/dist/templates/QuotationPdf/index.js

@@ -1,127 +1,3 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
-    }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
-}
-function _async_to_generator(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-            }
-            function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-            }
-            _next(undefined);
-        });
-    };
-}
-function _ts_generator(thisArg, body) {
-    var f, y, t, g, _ = {
-        label: 0,
-        sent: function() {
-            if (t[0] & 1) throw t[1];
-            return t[1];
-        },
-        trys: [],
-        ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
-    }), g;
-    function verb(n) {
-        return function(v) {
-            return step([
-                n,
-                v
-            ]);
-        };
-    }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while(_)try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [
-                op[0] & 2,
-                t.value
-            ];
-            switch(op[0]){
-                case 0:
-                case 1:
-                    t = op;
-                    break;
-                case 4:
-                    _.label++;
-                    return {
-                        value: op[1],
-                        done: false
-                    };
-                case 5:
-                    _.label++;
-                    y = op[1];
-                    op = [
-                        0
-                    ];
-                    continue;
-                case 7:
-                    op = _.ops.pop();
-                    _.trys.pop();
-                    continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                        _ = 0;
-                        continue;
-                    }
-                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-                        _.label = op[1];
-                        break;
-                    }
-                    if (op[0] === 6 && _.label < t[1]) {
-                        _.label = t[1];
-                        t = op;
-                        break;
-                    }
-                    if (t && _.label < t[2]) {
-                        _.label = t[2];
-                        _.ops.push(op);
-                        break;
-                    }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop();
-                    continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) {
-            op = [
-                6,
-                e
-            ];
-            y = 0;
-        } finally{
-            f = t = 0;
-        }
-        if (op[0] & 5) throw op[1];
-        return {
-            value: op[0] ? op[1] : void 0,
-            done: true
-        };
-    }
-}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Document } from '@react-pdf/renderer';
 import { useMemo } from 'react';
@@ -134,81 +10,18 @@ import QuotationPdfPage from './QuotationPdfPage.js';
 import TermsSection from './TermsSection.js';
 import VehiclePhotos from './VehiclePhotos.js';
 import { useTranslations } from './translations.js';
-export var generateQuotationPdf = /*#__PURE__*/ function() {
-    var _ref = _async_to_generator(function(param, fileName) {
-        var _param_locale, locale, quotation;
-        return _ts_generator(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    _param_locale = param.locale, locale = _param_locale === void 0 ? 'en' : _param_locale, quotation = param.quotation;
-                    return [
-                        4,
-                        toPdf(/*#__PURE__*/ _jsx(QuotationPDF, {
-                            locale: locale,
-                            quotation: quotation
-                        }), fileName)
-                    ];
-                case 1:
-                    return [
-                        2,
-                        _state.sent()
-                    ];
-            }
-        });
-    });
-    return function generateQuotationPdf(_, fileName) {
-        return _ref.apply(this, arguments);
-    };
-}();
-var QuotationPDF = function(param) {
-    var _param_locale = param.locale, locale = _param_locale === void 0 ? 'en' : _param_locale, quotation = param.quotation;
-    var th = useTranslations(locale);
-    var pageProps = useMemo(function() {
+export const generateQuotationPdf = async ({ locale = 'en', quotation }, fileName) => {
+    return await toPdf(_jsx(QuotationPDF, { locale: locale, quotation: quotation }), fileName);
+};
+const QuotationPDF = ({ locale = 'en', quotation }) => {
+    const th = useTranslations(locale);
+    const pageProps = useMemo(() => {
         return {
             t: th,
-            quotation: quotation
+            quotation: quotation,
         };
-    }, [
-        th,
-        quotation
-    ]);
-    var t = pageProps.t;
-    return /*#__PURE__*/ _jsxs(Document, {
-        language: locale,
-        children: [
-            /*#__PURE__*/ _jsxs(QuotationPdfPage, {
-                quotation: quotation,
-                children: [
-                    /*#__PURE__*/ _jsx(CustomerSubscriptionSection, {
-                        quotation: quotation,
-                        t: t
-                    }),
-                    /*#__PURE__*/ _jsx(Pricing, {
-                        quotation: quotation,
-                        t: t.pricing
-                    }),
-                    quotation.fees.gfv && /*#__PURE__*/ _jsx(GFV, {
-                        quotation: quotation,
-                        t: t.pricing
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsxs(StandardPage, {
-                style: {
-                    padding: 40,
-                    fontSize: 10,
-                    gap: 16
-                },
-                children: [
-                    /*#__PURE__*/ _jsx(VehiclePhotos, {
-                        quotation: quotation,
-                        t: t.vehiclePhotos
-                    }),
-                    /*#__PURE__*/ _jsx(TermsSection, {
-                        t: t.terms
-                    })
-                ]
-            })
-        ]
-    });
+    }, [th, quotation]);
+    const { t } = pageProps;
+    return (_jsxs(Document, { language: locale, children: [_jsxs(QuotationPdfPage, { quotation: quotation, children: [_jsx(CustomerSubscriptionSection, { quotation: quotation, t: t }), _jsx(Pricing, { quotation: quotation, t: t.pricing }), quotation.fees.gfv && _jsx(GFV, { quotation: quotation, t: t.pricing })] }), _jsxs(StandardPage, { style: { padding: 40, fontSize: 10, gap: 16 }, children: [_jsx(VehiclePhotos, { quotation: quotation, t: t.vehiclePhotos }), _jsx(TermsSection, { t: t.terms })] })] }));
 };
+//# sourceMappingURL=index.js.map

package/dist/templates/QuotationPdf/translations.js

@@ -1,17 +1,17 @@
-var enTranslation = {
+const enTranslation = {
     quotation: 'Quotation',
     date: 'Date',
     customer: {
         title: 'Customer',
         name: 'Name',
         email: 'Email',
-        address: 'Address'
+        address: 'Address',
     },
     subscription: {
         title: 'Subscription',
         vehicleName: 'Vehicle',
         plan: 'Subscription Plan',
-        mileagePackage: 'Mileage Package'
+        mileagePackage: 'Mileage Package',
     },
     subIncludes: {
         title: "What's Included:",
@@ -25,14 +25,12 @@ var enTranslation = {
             '24/7 nationwide roadside assistance',
             'Theft recovery services',
             'Independently rated vehicle inspection',
-            'Option to purchase the vehicle at the end of the subscription'
+            'Option to purchase the vehicle at the end of the subscription',
         ],
         excessMileage: {
             title: 'Excess Mileage Fees',
-            description: function(excessMileage) {
-                return "If usage exceeds chosen mileage package, excess mileage fees for this vehicle is RM".concat(excessMileage, " per KM.");
-            }
-        }
+            description: (excessMileage) => `If usage exceeds chosen mileage package, excess mileage fees for this vehicle is RM${excessMileage} per KM.`,
+        },
     },
     pricing: {
         title: 'Pricing',
@@ -41,39 +39,28 @@ var enTranslation = {
             upfront: {
                 title: 'Upfront Fees',
                 content: [
-                    {
-                        title: 'Booking Fee',
-                        key: 'reservationFee'
-                    },
-                    {
-                        title: 'Refundable Deposit*',
-                        key: 'deposit'
-                    }
+                    { title: 'Booking Fee', key: 'reservationFee' },
+                    { title: 'Refundable Deposit*', key: 'deposit' },
                 ],
-                depositDisclaimer: '* The deposit will be refunded to you once the finalization upon your FLUX car is done excluding any service fee, tax, damages, fines, penalties or excess mileage charges that have incurred'
+                depositDisclaimer: '* The deposit will be refunded to you once the finalization upon your FLUX car is done excluding any service fee, tax, damages, fines, penalties or excess mileage charges that have incurred',
             },
             monthly: {
                 title: 'Monthly Fees',
-                content: [
-                    {
-                        title: 'Subscription Fee',
-                        key: 'subscriptionFee'
-                    }
-                ]
+                content: [{ title: 'Subscription Fee', key: 'subscriptionFee' }],
             },
             dueToday: {
                 title: 'Due Today',
                 description: 'Grand Total is due before your subscription start. Monthly fee is due on the first day of every cycle period.',
                 subTotal: 'Upfront Fees + Monthly Fee',
-                grandTotal: 'Grand Total'
+                grandTotal: 'Grand Total',
             },
             extraCharge: 'Extra Charge',
             promo: 'Promo',
             gfv: {
-                title: 'Guaranteed Future Value (GFV)'
+                title: 'Guaranteed Future Value (GFV)',
             },
-            totalDiscount: 'Total Discount'
-        }
+            totalDiscount: 'Total Discount',
+        },
     },
     terms: {
         title: 'Terms',
@@ -86,16 +73,17 @@ var enTranslation = {
             'The upfront fees are billed one-time per subscription, before the subscription starts.',
             'All monthly recurring fees are billed on the same date as the delivery of the vehicle.',
             'Scheduling delivery will only commence Grand Total is fully paid, 7 - 30+ days after payment and subject to vehicle availability.',
-            'Guaranteed Future Value prices are not inclusive of processing fees'
-        ]
+            'Guaranteed Future Value prices are not inclusive of processing fees',
+        ],
     },
     vehiclePhotos: {
-        title: 'Vehicle Photos'
-    }
+        title: 'Vehicle Photos',
+    },
 };
-export var useTranslations = function(locale) {
-    var translation = {
-        en: enTranslation
+export const useTranslations = (locale) => {
+    const translation = {
+        en: enTranslation,
     };
     return translation[locale];
 };
+//# sourceMappingURL=translations.js.map