@driveflux/pdf 1.0.1 → 1.0.3

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
-> @driveflux/pdf@1.0.1 build /Users/flux/Projects/flux-master/shared/pdf
+> @driveflux/pdf@1.0.3 build /Users/flux/Projects/flux-develop/shared/pdf
 > fab
 
-Successfully compiled: 24 files with swc (323.61ms)
-Successfully compiled: 24 files with swc (322.95ms)
+Successfully compiled: 35 files with swc (302.7ms)
+Successfully compiled: 35 files with swc (299.05ms)

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @driveflux/frontend-pdf
 
+## 1.0.3
+
+### Patch Changes
+
+- Updates
+- Updated dependencies
+  - @driveflux/db@1.0.38
+
+## 1.0.2
+
+### Patch Changes
+
+- Updates
+- Updated dependencies
+  - @driveflux/db@1.0.37
+
 ## 1.0.1
 
 ### Patch Changes

package/dist/__mocks__/quotation.d.ts

@@ -0,0 +1,3 @@
+import { Quotation } from '@driveflux/db';
+export declare const quotation: Quotation;
+//# sourceMappingURL=quotation.d.ts.map

package/dist/__mocks__/quotation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quotation.d.ts","sourceRoot":"","sources":["../../src/__mocks__/quotation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAEzC,eAAO,MAAM,SAAS,EAAE,SA2DvB,CAAA"}

package/dist/__mocks__/quotation.js

@@ -0,0 +1,59 @@
+export var quotation = {
+    id: 'QUO_XZJLVSM8',
+    vehicleId: 'VBEXLQR',
+    plan: 'plan36',
+    mileagePackage: 'lite',
+    cycleFluxCoefficient: 'flux25',
+    customerName: 'Bubu Ahmad',
+    vehicleName: 'Volkswagen Polo 1.6 Sedan 2011',
+    createdById: 'U2R88JRVL',
+    createdAt: new Date('2024-05-27T02:26:36.070Z'),
+    updatedAt: new Date('2024-05-27T02:26:36.070Z'),
+    metadata: {},
+    customer: {
+        type: 'user',
+        name: 'Bubu Ahmad',
+        email: 'bubu@gmail.com',
+        address: {
+            street1: '15-2 Jalan Solaris',
+            city: 'Kuala Lumpur',
+            state: 'Johor',
+            postalCode: '12323',
+            country: 'MY'
+        }
+    },
+    fees: {
+        subscriptionFee: 800,
+        reservationFee: 0,
+        startFee: 498,
+        deposit: 1600,
+        depositMonths: 2,
+        extraCharges: [
+            {
+                type: 'upfront',
+                description: 'Spare Tyre',
+                amount: 2500.2
+            },
+            {
+                type: 'upfront',
+                description: 'Spare Tyre No 2',
+                amount: 3000.2
+            },
+            {
+                type: 'monthly',
+                description: 'Commitment ',
+                amount: 2
+            }
+        ],
+        amountBeforeTax: 8400.4,
+        taxAmount: 672.03,
+        amountAfterTax: 9072.43,
+        gfv: 0,
+        cycle: null,
+        couponCode: null,
+        discountAmount: null,
+        appliedDiscountId: null,
+        couponType: ''
+    },
+    quotationPdf: null
+};

package/dist/cjs/__mocks__/quotation.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "quotation", {
+    enumerable: true,
+    get: function() {
+        return quotation;
+    }
+});
+var quotation = {
+    id: 'QUO_XZJLVSM8',
+    vehicleId: 'VBEXLQR',
+    plan: 'plan36',
+    mileagePackage: 'lite',
+    cycleFluxCoefficient: 'flux25',
+    customerName: 'Bubu Ahmad',
+    vehicleName: 'Volkswagen Polo 1.6 Sedan 2011',
+    createdById: 'U2R88JRVL',
+    createdAt: new Date('2024-05-27T02:26:36.070Z'),
+    updatedAt: new Date('2024-05-27T02:26:36.070Z'),
+    metadata: {},
+    customer: {
+        type: 'user',
+        name: 'Bubu Ahmad',
+        email: 'bubu@gmail.com',
+        address: {
+            street1: '15-2 Jalan Solaris',
+            city: 'Kuala Lumpur',
+            state: 'Johor',
+            postalCode: '12323',
+            country: 'MY'
+        }
+    },
+    fees: {
+        subscriptionFee: 800,
+        reservationFee: 0,
+        startFee: 498,
+        deposit: 1600,
+        depositMonths: 2,
+        extraCharges: [
+            {
+                type: 'upfront',
+                description: 'Spare Tyre',
+                amount: 2500.2
+            },
+            {
+                type: 'upfront',
+                description: 'Spare Tyre No 2',
+                amount: 3000.2
+            },
+            {
+                type: 'monthly',
+                description: 'Commitment ',
+                amount: 2
+            }
+        ],
+        amountBeforeTax: 8400.4,
+        taxAmount: 672.03,
+        amountAfterTax: 9072.43,
+        gfv: 0,
+        cycle: null,
+        couponCode: null,
+        discountAmount: null,
+        appliedDiscountId: null,
+        couponType: ''
+    },
+    quotationPdf: null
+};

package/dist/cjs/debug.js

@@ -3,8 +3,10 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 var _env = require("@driveflux/env");
+var _quotation = require("./__mocks__/quotation.js");
 var _subscription = require("./__mocks__/subscription.js");
 var _index = require("./templates/SubscriptionAgreement/index.js");
+var _index1 = require("./templates/index.js");
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
@@ -158,9 +160,39 @@ var debugSubscriptionAgreement = function() {
         return _ref.apply(this, arguments);
     };
 }();
+var debugQuotation = function() {
+    var _ref = _async_to_generator(function() {
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    if (!_quotation.quotation) {
+                        console.error('no such quotation');
+                        return [
+                            2
+                        ];
+                    }
+                    return [
+                        4,
+                        (0, _index1.generateQuotationPdf)({
+                            quotation: _quotation.quotation
+                        }, "".concat(process.cwd(), "/output/quotation.pdf"))
+                    ];
+                case 1:
+                    _state.sent();
+                    return [
+                        2
+                    ];
+            }
+        });
+    });
+    return function debugQuotation() {
+        return _ref.apply(this, arguments);
+    };
+}();
 //! put all the debugging functions here
 var debugCases = [
-    debugSubscriptionAgreement()
+    debugSubscriptionAgreement(),
+    debugQuotation()
 ];
 var debug = function() {
     var _ref = _async_to_generator(function() {

package/dist/cjs/templates/QuotationPdf/CustomerSubscriptionSection.js

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _jsxruntime = require("react/jsx-runtime");
+var _renderer = require("@react-pdf/renderer");
+var _colors = require("../../theme/colors.js");
+var _SectionBoxNew = /*#__PURE__*/ _interop_require_default(require("./SectionBoxNew.js"));
+var _utils = require("./utils.js");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+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.colors.black, valueColor = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : _colors.colors.primary3;
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+            style: {
+                gap: 4
+            },
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                    style: {
+                        color: labelColor,
+                        letterSpacing: 1
+                    },
+                    children: label
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                    style: {
+                        color: valueColor,
+                        letterSpacing: 1
+                    },
+                    children: value
+                })
+            ]
+        });
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.View, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_SectionBoxNew.default, {
+            topContent: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                        style: {
+                            textTransform: 'uppercase',
+                            fontSize: 12,
+                            fontWeight: 'bold'
+                        },
+                        children: t.customer.title
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.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, (0, _utils.formatAddress)(quotation.customer.address))
+                ]
+            }),
+            bottomContent: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                        style: {
+                            textTransform: 'uppercase',
+                            fontSize: 12,
+                            fontWeight: 'bold'
+                        },
+                        children: t.subscription.title
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+                        style: {
+                            flexDirection: 'row',
+                            justifyContent: 'space-between',
+                            gap: 4
+                        },
+                        children: [
+                            displayContent(t.subscription.vehicleName, quotation.vehicleName),
+                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+                                style: {
+                                    justifyContent: 'space-between',
+                                    flexDirection: 'row',
+                                    gap: 16
+                                },
+                                children: [
+                                    displayContent(t.subscription.plan, (0, _utils.getSimplifiedPlanTranslation)(quotation.plan)),
+                                    displayContent(t.subscription.mileagePackage, (0, _utils.getMileagePackageTranslation)(quotation.mileagePackage))
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+                        style: {
+                            rowGap: 8
+                        },
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                                style: {
+                                    color: _colors.colors.primary3,
+                                    fontWeight: 'bold',
+                                    letterSpacing: 1
+                                },
+                                children: t.subIncludes.title
+                            }),
+                            t.subIncludes.content.map(function(line, i) {
+                                return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+                                    style: {
+                                        flexDirection: 'row',
+                                        alignItems: 'flex-start',
+                                        rowGap: 8
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                                            style: {
+                                                marginRight: 4
+                                            },
+                                            children: "•"
+                                        }),
+                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                                            style: {
+                                                color: _colors.colors.primary3,
+                                                letterSpacing: 1
+                                            },
+                                            children: line
+                                        })
+                                    ]
+                                }, i);
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+var _default = CustomerSubscriptionSection;

package/dist/cjs/templates/QuotationPdf/GFV.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _jsxruntime = require("react/jsx-runtime");
+var _formatmoney = require("@driveflux/format-money");
+var _renderer = require("@react-pdf/renderer");
+var _colors = require("../../theme/colors.js");
+var GFV = function(param) {
+    var quotation = param.quotation, t = param.t;
+    if (!quotation.fees.gfv) return;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+        style: {
+            border: "1px solid ".concat(_colors.colors.primary2),
+            padding: 16,
+            rowGap: 16
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                style: {
+                    color: _colors.colors.primary3,
+                    fontWeight: 'bold',
+                    letterSpacing: 1,
+                    textTransform: 'uppercase'
+                },
+                children: t === null || t === void 0 ? void 0 : t.fees.gfv.title
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.Text, {
+                style: {
+                    color: _colors.colors.primary3,
+                    letterSpacing: 1
+                },
+                children: [
+                    "You have the option to purchase this vehicle with GFV amount of",
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.Text, {
+                        style: {
+                            fontWeight: 'bold'
+                        },
+                        children: [
+                            " ",
+                            (0, _formatmoney.formatMoney)(quotation.fees.gfv),
+                            " "
+                        ]
+                    }),
+                    "at the end of your subscription."
+                ]
+            })
+        ]
+    });
+};
+var _default = GFV;

package/dist/cjs/templates/QuotationPdf/Header.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _jsxruntime = require("react/jsx-runtime");
+var _renderer = require("@react-pdf/renderer");
+var _FluxLogo = /*#__PURE__*/ _interop_require_default(require("../../components/FluxLogo.js"));
+var _colors = require("../../theme/colors.js");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var Header = function(param) {
+    var tTitle = param.tTitle, quotationId = param.quotationId, quotationDate = param.quotationDate;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+        style: {
+            gap: 24
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Link, {
+                src: "https://driveflux.com",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FluxLogo.default, {})
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+                style: {
+                    gap: 4
+                },
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                        style: {
+                            fontWeight: 'bold',
+                            textTransform: 'uppercase',
+                            fontSize: 18
+                        },
+                        children: tTitle
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+                        style: {
+                            justifyContent: 'space-between',
+                            flexDirection: 'row'
+                        },
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                                style: {
+                                    color: _colors.colors.primary3,
+                                    fontSize: 10
+                                },
+                                children: quotationId
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+                                style: {
+                                    gap: 8,
+                                    flexDirection: 'row'
+                                },
+                                children: [
+                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                                        style: {
+                                            fontSize: 10,
+                                            color: _colors.colors.black
+                                        },
+                                        children: "Date"
+                                    }),
+                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                                        style: {
+                                            color: _colors.colors.primary3,
+                                            fontSize: 10
+                                        },
+                                        children: quotationDate
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+var _default = Header;