@driveflux/pdf 4.0.79 → 4.0.81

package/dist/templates/QuotationPdf/QuotationPdfPage.js

@@ -3,8 +3,28 @@ import { View } from '@react-pdf/renderer';
 import { format } from 'date-fns';
 import StandardPage from '../../components/StandardPage.js';
 import Header from './Header.js';
-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 })] }));
+var QuotationPdfPage = function QuotationPdfPage(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
+            })
+        ]
+    });
 };
 export default QuotationPdfPage;
-//# sourceMappingURL=QuotationPdfPage.js.map

package/dist/templates/QuotationPdf/SectionBoxNew.js

@@ -1,8 +1,38 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { View } from '@react-pdf/renderer';
 import { colors } from '../../theme/colors.js';
-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] }));
+var SectionBoxNew = function SectionBoxNew(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
+        ]
+    });
 };
 export default SectionBoxNew;
-//# sourceMappingURL=SectionBoxNew.js.map

package/dist/templates/QuotationPdf/TermsSection.js

@@ -1,13 +1,50 @@
 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 TermsSection = ({ t }) => {
-    return (_jsxs(View, { style: { gap: 16 }, children: [_jsx(Text, { style: {
+var TermsSection = function TermsSection(param) {
+    var t = param.t;
+    return /*#__PURE__*/ _jsxs(View, {
+        style: {
+            gap: 16
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                style: {
                     fontWeight: 'bold',
                     color: colors.black,
                     letterSpacing: 1,
-                    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))) })] }));
+                    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);
+                })
+            })
+        ]
+    });
 };
 export default TermsSection;
-//# sourceMappingURL=TermsSection.js.map

package/dist/templates/QuotationPdf/VehiclePhotos.js

@@ -2,35 +2,65 @@ 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';
-const VehiclePhotos = ({ quotation, t }) => {
-    const images = quotation.images;
-    return (_jsxs(View, { style: { border: `1px solid ${colors.primary2}`, padding: 16 }, children: [_jsx(Text, { style: {
+var VehiclePhotos = function VehiclePhotos(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: {
                     textTransform: 'uppercase',
                     fontSize: 12,
                     fontWeight: 'bold',
-                    marginBottom: 16,
-                }, children: t?.title }), _jsx(View, { style: {
+                    marginBottom: 16
+                },
+                children: t === null || t === void 0 ? void 0 : t.title
+            }),
+            /*#__PURE__*/ _jsx(View, {
+                style: {
                     display: 'flex',
                     flexDirection: 'row',
                     flexWrap: 'wrap',
-                    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-expect-error
-                                , { 
-                                    // @ts-expect-error
-                                    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) }))) })] }));
+                    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-expect-error
+                                        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)
+                    });
+                })
+            })
+        ]
+    });
 };
 export default VehiclePhotos;
-//# sourceMappingURL=VehiclePhotos.js.map

package/dist/templates/QuotationPdf/index.js

@@ -1,3 +1,131 @@
+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, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
+    return d(g, "next", {
+        value: verb(0)
+    }), d(g, "throw", {
+        value: verb(1)
+    }), d(g, "return", {
+        value: verb(2)
+    }), typeof Symbol === "function" && d(g, Symbol.iterator, {
+        value: 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(g && (g = 0, op[0] && (_ = 0)), _)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';
@@ -10,18 +138,77 @@ import QuotationPdfPage from './QuotationPdfPage.js';
 import TermsSection from './TermsSection.js';
 import { useTranslations } from './translations.js';
 import VehiclePhotos from './VehiclePhotos.js';
-export const generateQuotationPdf = async ({ locale = 'en', quotation }, fileName) => {
-    return await toPdf(_jsx(QuotationPDF, { locale: locale, quotation: quotation }), fileName);
+export var generateQuotationPdf = function generateQuotationPdf(param, fileName) {
+    var _param_locale = param.locale, locale = _param_locale === void 0 ? 'en' : _param_locale, quotation = param.quotation;
+    return _async_to_generator(function() {
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    return [
+                        4,
+                        toPdf(/*#__PURE__*/ _jsx(QuotationPDF, {
+                            locale: locale,
+                            quotation: quotation
+                        }), fileName)
+                    ];
+                case 1:
+                    return [
+                        2,
+                        _state.sent()
+                    ];
+            }
+        });
+    })();
 };
-const QuotationPDF = ({ locale = 'en', quotation }) => {
-    const th = useTranslations(locale);
-    const pageProps = useMemo(() => {
+var QuotationPDF = function QuotationPDF(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() {
         return {
             t: th,
-            quotation: quotation,
+            quotation: quotation
         };
-    }, [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 })] })] }));
+    }, [
+        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
+                    })
+                ]
+            })
+        ]
+    });
 };
-//# sourceMappingURL=index.js.map

package/dist/templates/QuotationPdf/translations.js

@@ -1,17 +1,17 @@
-const enTranslation = {
+var 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,12 +25,14 @@ const 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: (excessMileage) => `If usage exceeds chosen mileage package, excess mileage fees for this vehicle is RM${excessMileage} per KM.`,
-        },
+            description: function description(excessMileage) {
+                return "If usage exceeds chosen mileage package, excess mileage fees for this vehicle is RM".concat(excessMileage, " per KM.");
+            }
+        }
     },
     pricing: {
         title: 'Pricing',
@@ -39,28 +41,39 @@ const 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',
@@ -73,17 +86,16 @@ const 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 const useTranslations = (locale) => {
-    const translation = {
-        en: enTranslation,
+export var useTranslations = function useTranslations(locale) {
+    var translation = {
+        en: enTranslation
     };
     return translation[locale];
 };
-//# sourceMappingURL=translations.js.map