@driveflux/pdf 1.0.1

package/dist/cjs/templates/SubscriptionAgreement/Details.js

@@ -0,0 +1,161 @@
+"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 _user = require("@driveflux/db/models/user");
+var _time = require("@driveflux/time");
+var _renderer = require("@react-pdf/renderer");
+var _react = require("react");
+var _index = require("../../theme/index.js");
+var _LabelValue = /*#__PURE__*/ _interop_require_default(require("./LabelValue.js"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var Details = function(param) {
+    var tDetails = param.tDetails, subscription = param.subscription;
+    var details = (0, _react.useMemo)(function() {
+        var _subscription_user_identification, _subscription_vehicle, _subscription_vehicle1, _subscription_vehicle2, _subscription_vehicle3, _subscription_schedule, _subscription_schedule1;
+        return {
+            member: [
+                {
+                    key: tDetails.member.name,
+                    value: (0, _user.userName)(subscription.user)
+                },
+                {
+                    key: tDetails.member.idOrPassportNo,
+                    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 = subscription.vehicle) === null || _subscription_vehicle === void 0 ? void 0 : _subscription_vehicle.make
+                },
+                {
+                    key: tDetails.vehicle.model,
+                    value: (_subscription_vehicle1 = subscription.vehicle) === null || _subscription_vehicle1 === void 0 ? void 0 : _subscription_vehicle1.vehicleModel
+                },
+                {
+                    key: tDetails.vehicle.year,
+                    value: (_subscription_vehicle2 = subscription.vehicle) === null || _subscription_vehicle2 === void 0 ? void 0 : _subscription_vehicle2.year
+                },
+                {
+                    key: tDetails.vehicle.plateNo,
+                    value: (_subscription_vehicle3 = subscription.vehicle) === null || _subscription_vehicle3 === void 0 ? void 0 : _subscription_vehicle3.registrationNumber
+                }
+            ],
+            subscription: [
+                {
+                    key: tDetails.subscription.subscriptionPlan,
+                    value: getPlanTranslation(subscription.plan)
+                },
+                {
+                    key: tDetails.subscription.mileagePackage,
+                    value: getFullMileagePackageTranslation(subscription.mileagePackage)
+                },
+                {
+                    key: tDetails.subscription.startDate,
+                    value: subscription.startedAt ? (0, _time.format)(subscription.startedAt, 'dd-MM-yyyy') : undefined
+                },
+                {
+                    key: tDetails.subscription.endDate,
+                    value: subscription.endedAt ? (0, _time.format)(subscription.endedAt, 'dd-MM-yyyy') : ((_subscription_schedule = subscription.schedule) === null || _subscription_schedule === void 0 ? void 0 : _subscription_schedule.endAt) ? (0, _time.format)((_subscription_schedule1 = subscription.schedule) === null || _subscription_schedule1 === void 0 ? void 0 : _subscription_schedule1.endAt, 'dd-MM-yyyy') : undefined
+                }
+            ]
+        };
+    }, []);
+    var border = "1px solid ".concat(_index.colors.primary2);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+        style: {
+            borderLeft: border,
+            borderRight: border
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.View, {
+                style: {
+                    backgroundColor: _index.colors.primary1,
+                    borderTop: border,
+                    padding: 8
+                },
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                    style: {
+                        fontWeight: 'bold',
+                        textTransform: 'uppercase',
+                        letterSpacing: 1
+                    },
+                    children: tDetails.agreement
+                })
+            }),
+            Object.keys(details).map(function(key, i) {
+                return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+                    style: {
+                        padding: 8,
+                        paddingBottom: 16,
+                        rowGap: 8,
+                        borderTop: border
+                    },
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                            style: {
+                                textTransform: 'uppercase',
+                                color: _index.colors.primary2,
+                                fontSize: 8,
+                                letterSpacing: 1
+                            },
+                            children: "".concat(key, " details")
+                        }),
+                        details[key].map(function(line) {
+                            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_LabelValue.default, {
+                                label: line.key,
+                                value: line.value
+                            }, line.key);
+                        })
+                    ]
+                }, key);
+            })
+        ]
+    });
+};
+var _default = Details;
+// TODO: replace this with dump's once the package is ready
+var getPlanTranslation = function(plan, vehicleType) {
+    switch(plan){
+        case 'plan60':
+            return vehicleType === 'motorcycle' ? '60 Months' : '60 Months (Basic)';
+        case 'plan36':
+            return '36 Months';
+        case 'plan24':
+            return '24 Months';
+        case 'plan12':
+            return '12 Months';
+        case 'plan1':
+            return 'Monthly (Ultra)';
+        case 'planWeekly':
+            return 'Weekly';
+        default:
+            return 'Unknown Plan';
+    }
+};
+var getFullMileagePackageTranslation = function(plan) {
+    switch(plan){
+        case 'lite':
+            return 'Lite - 1,250KM';
+        case 'standard':
+            return 'Standard - 2,000KM';
+        case 'plus':
+            return 'Plus - 2,750KM';
+        case 'unlimited':
+            return 'Unlimited';
+        default:
+            return 'Unknown Mileage Package';
+    }
+};

package/dist/cjs/templates/SubscriptionAgreement/Footer.js

@@ -0,0 +1,68 @@
+"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 Footer = function(param) {
+    var tComputerGenerated = param.tComputerGenerated, tPage = param.tPage, tOf = param.tOf;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+        fixed: true,
+        style: {
+            justifyContent: 'space-between',
+            flexDirection: 'row',
+            paddingTop: 16,
+            marginTop: 16,
+            borderTop: "1px solid ".concat(_colors.colors.links),
+            color: _colors.colors.primary2,
+            fontSize: 8
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                children: tComputerGenerated
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+                style: {
+                    flexDirection: 'row',
+                    columnGap: 4
+                },
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                        children: tPage
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                        style: {
+                            fontWeight: 'bold',
+                            color: _colors.colors.black
+                        },
+                        render: function(param) {
+                            var pageNumber = param.pageNumber;
+                            return "".concat(pageNumber);
+                        }
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                        children: tOf
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                        style: {
+                            fontWeight: 'bold',
+                            color: _colors.colors.black
+                        },
+                        render: function(param) {
+                            var totalPages = param.totalPages;
+                            return "".concat(totalPages);
+                        }
+                    })
+                ]
+            })
+        ]
+    });
+};
+var _default = Footer;

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

@@ -0,0 +1,61 @@
+"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, userId = param.userId, subscriptionId = param.subscriptionId;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+        fixed: true,
+        style: {
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            paddingBottom: 40,
+            // to not get pushed by the content
+            minHeight: 69
+        },
+        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: {
+                    rowGap: 4,
+                    fontSize: 8,
+                    alignItems: 'flex-end'
+                },
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                        style: {
+                            fontWeight: 'bold'
+                        },
+                        children: tTitle
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                        style: {
+                            color: _colors.colors.primary2
+                        },
+                        children: "FLUX-".concat(userId, "-").concat(subscriptionId)
+                    })
+                ]
+            })
+        ]
+    });
+};
+var _default = Header;

package/dist/cjs/templates/SubscriptionAgreement/LabelValue.js

@@ -0,0 +1,39 @@
+"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 LabelValue = function(param) {
+    var label = param.label, value = param.value;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+        style: {
+            flexDirection: 'row'
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                style: {
+                    minWidth: 120,
+                    textTransform: 'capitalize'
+                },
+                children: label
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                children: ":"
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                style: {
+                    paddingLeft: 16
+                },
+                children: "".concat(value) || '-'
+            })
+        ]
+    });
+};
+var _default = LabelValue;

package/dist/cjs/templates/SubscriptionAgreement/SubscriptionAgreementPage.js

@@ -0,0 +1,48 @@
+"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 _StandardPage = /*#__PURE__*/ _interop_require_default(require("../../components/StandardPage.js"));
+var _Footer = /*#__PURE__*/ _interop_require_default(require("./Footer.js"));
+var _Header = /*#__PURE__*/ _interop_require_default(require("./Header.js"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var SubscriptionAgreementPage = function(param) {
+    var t = param.t, userId = param.userId, subscriptionId = param.subscriptionId, children = param.children;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_StandardPage.default, {
+        style: {
+            padding: 40,
+            fontSize: 10
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Header.default, {
+                tTitle: t.title,
+                userId: userId,
+                subscriptionId: subscriptionId
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.View, {
+                style: {
+                    flex: 1
+                },
+                children: children
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Footer.default, {
+                tComputerGenerated: t.computerGenerated,
+                tPage: t.page,
+                tOf: t.of
+            })
+        ]
+    });
+};
+var _default = SubscriptionAgreementPage;

package/dist/cjs/templates/SubscriptionAgreement/TermsOfUse.js

@@ -0,0 +1,72 @@
+"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 _TermsOfUseSubSection = /*#__PURE__*/ _interop_require_default(require("./TermsOfUseSubSection.js"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var TermsOfUse = function(param) {
+    var t = param.t;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+        style: {
+            rowGap: 16
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                style: {
+                    fontWeight: 'bold',
+                    textTransform: 'uppercase'
+                },
+                children: t.title
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.View, {
+                style: {
+                    rowGap: 16,
+                    lineHeight: 1.4
+                },
+                children: t.content.map(function(section, i) {
+                    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+                        style: {
+                            rowGap: 16
+                        },
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                                style: {
+                                    fontWeight: 'bold'
+                                },
+                                children: "".concat(i + 1, " ").concat(section.title)
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.View, {
+                                style: {
+                                    rowGap: 16,
+                                    paddingLeft: 16
+                                },
+                                children: section.subSections.map(function(subSection, j) {
+                                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TermsOfUseSubSection.default, {
+                                        indices: [
+                                            i + 1,
+                                            j + 1
+                                        ],
+                                        subSection: subSection
+                                    }, "".concat(i + 1, ".").concat(j));
+                                })
+                            })
+                        ]
+                    }, section.title);
+                })
+            })
+        ]
+    });
+};
+var _default = TermsOfUse;

package/dist/cjs/templates/SubscriptionAgreement/TermsOfUseSubSection.js

@@ -0,0 +1,108 @@
+"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 _react = require("react");
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var TermsOfUseSubSection = function(param) {
+    var indices = param.indices, subSection = param.subSection;
+    var _useMemo = (0, _react.useMemo)(function() {
+        return {
+            indicesString: indices.reduce(function(prev, curr, i) {
+                return "".concat(prev).concat(curr).concat(i === indices.length - 1 ? '' : '.');
+            }, ''),
+            paddingLeft: Math.max(indices.length - 2, 0) * 16
+        };
+    }, []), indicesString = _useMemo.indicesString, paddingLeft = _useMemo.paddingLeft;
+    return typeof subSection === 'string' ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+        style: {
+            flexDirection: 'row',
+            paddingLeft: paddingLeft,
+            columnGap: 16
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                style: {
+                    fontWeight: 'bold'
+                },
+                children: indicesString
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                style: {
+                    textAlign: 'justify',
+                    flex: 1
+                },
+                children: subSection
+            })
+        ]
+    }, indicesString) : 'subSections' in subSection ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+        style: {
+            gap: 16
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+                style: {
+                    flexDirection: 'row',
+                    paddingLeft: paddingLeft,
+                    columnGap: 16
+                },
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                        style: {
+                            fontWeight: 'bold'
+                        },
+                        children: indicesString
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                        style: {
+                            textAlign: 'justify',
+                            flex: 1
+                        },
+                        children: subSection.paragraph
+                    })
+                ]
+            }, indicesString),
+            subSection.subSections.map(function(subSection, i) {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(TermsOfUseSubSection, {
+                    indices: _to_consumable_array(indices).concat([
+                        i + 1
+                    ]),
+                    subSection: subSection
+                }, "".concat(indices, ".").concat(i));
+            })
+        ]
+    }, indicesString) : null;
+};
+var _default = TermsOfUseSubSection;