@driveflux/pdf 1.0.1

package/dist/cjs/components/FluxLogo.js

@@ -0,0 +1,76 @@
+"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 = function() {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.Svg, {
+        width: "92",
+        height: "29",
+        viewBox: "0 0 92 29",
+        fill: "none",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.G, {
+                clipPath: "url(#clip0_664_102105)",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Path, {
+                        d: "M23.6621 6.12305H35.6903V8.00999H25.5568V13.5529H33.805V15.434H25.5568V22.8638H23.6715L23.6621 6.12305Z",
+                        fill: "black"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Path, {
+                        d: "M40.9981 6.12305H42.8834V20.9827H52.3039V22.8697H40.9922L40.9981 6.12305Z",
+                        fill: "black"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Path, {
+                        d: "M57.6172 15.6002V6.12305H59.5025V15.4811C59.5025 19.0946 61.4149 21.129 64.6187 21.129C67.7035 21.129 69.6642 19.2621 69.6642 15.6002V6.12305H71.5495V15.4552C71.5495 20.3376 68.751 22.8744 64.5669 22.8744C60.4381 22.8756 57.6172 20.3388 57.6172 15.6002Z",
+                        fill: "black"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Path, {
+                        d: "M83.2965 14.3324L77.1033 6.12305H79.3338L84.4736 12.9632L89.5663 6.12305H91.7674L85.5742 14.3077L92.0054 22.8756H89.7525L84.4006 15.6722L79.0451 22.8756H76.8594L83.2965 14.3324Z",
+                        fill: "black"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Path, {
+                        opacity: "0.3",
+                        d: "M3.05934 17.5614C2.45475 17.5598 1.86415 17.3792 1.36192 17.0423C0.859683 16.7054 0.468271 16.2273 0.23697 15.6682C0.00566877 15.1091 -0.0551799 14.494 0.0620863 13.9004C0.179353 13.3068 0.469491 12.7611 0.895964 12.3322L12.3256 0.892604C12.909 0.364801 13.6728 0.0817665 14.459 0.102098C15.2452 0.12243 15.9934 0.444573 16.5488 1.00183C17.1042 1.55908 17.4243 2.30877 17.4426 3.09567C17.461 3.88257 17.1764 4.64641 16.6476 5.22904L5.218 16.6686C4.93441 16.9521 4.59781 17.1768 4.22742 17.33C3.85703 17.4832 3.46011 17.5618 3.05934 17.5614Z",
+                        fill: "#50C8E8"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Path, {
+                        opacity: "0.3",
+                        d: "M8.77458 23.28C8.16964 23.2788 7.57859 23.0985 7.07593 22.7616C6.57326 22.4248 6.18149 21.9465 5.94999 21.3871C5.7185 20.8277 5.65764 20.2123 5.7751 19.6183C5.89256 19.0244 6.18308 18.4786 6.61002 18.0496L12.3213 12.3334C12.6004 12.027 12.9387 11.7804 13.3158 11.6086C13.6928 11.4368 14.1008 11.3433 14.5149 11.3338C14.9291 11.3243 15.3409 11.399 15.7254 11.5533C16.1099 11.7076 16.4592 11.9384 16.752 12.2317C17.0449 12.525 17.2753 12.8746 17.4293 13.2596C17.5832 13.6445 17.6576 14.0567 17.6479 14.4712C17.6382 14.8858 17.5446 15.294 17.3727 15.6713C17.2008 16.0486 16.9543 16.3871 16.648 16.6663L10.9368 22.3837C10.653 22.6681 10.3159 22.8936 9.94489 23.0474C9.57386 23.2013 9.17617 23.2803 8.77458 23.28Z",
+                        fill: "#50C8E8"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Path, {
+                        d: "M14.4866 29.0001C16.176 29.0001 17.5455 27.6294 17.5455 25.9385C17.5455 24.2477 16.176 22.877 14.4866 22.877C12.7972 22.877 11.4277 24.2477 11.4277 25.9385C11.4277 27.6294 12.7972 29.0001 14.4866 29.0001Z",
+                        fill: "#50C8E8"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Path, {
+                        d: "M14.4866 6.12314C16.176 6.12314 17.5455 4.75243 17.5455 3.06157C17.5455 1.37071 16.176 0 14.4866 0C12.7972 0 11.4277 1.37071 11.4277 3.06157C11.4277 4.75243 12.7972 6.12314 14.4866 6.12314Z",
+                        fill: "#50C8E8"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Path, {
+                        d: "M14.4866 17.5616C16.176 17.5616 17.5455 16.1909 17.5455 14.5C17.5455 12.8092 16.176 11.4385 14.4866 11.4385C12.7972 11.4385 11.4277 12.8092 11.4277 14.5C11.4277 16.1909 12.7972 17.5616 14.4866 17.5616Z",
+                        fill: "#50C8E8"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Defs, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("clipPath", {
+                    id: "clip0_664_102105",
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Rect, {
+                        width: "92",
+                        height: "29",
+                        fill: "white"
+                    })
+                })
+            })
+        ]
+    });
+};
+var _default = FluxLogo;

package/dist/cjs/components/StandardPage.js

@@ -0,0 +1,129 @@
+"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 = /*#__PURE__*/ _interop_require_default(require("react"));
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+_renderer.Font.register({
+    family: 'Figtree',
+    fonts: [
+        {
+            src: 'https://fonts.gstatic.com/s/figtree/v5/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_chQF5ewkEU4HTy.ttf',
+            fontWeight: 'normal'
+        },
+        {
+            src: 'https://fonts.gstatic.com/s/figtree/v5/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_eYR15ewkEU4HTy.ttf',
+            fontWeight: 'bold'
+        }
+    ]
+});
+_renderer.Font.register({
+    family: 'Allura',
+    src: 'https://fonts.gstatic.com/s/allura/v21/9oRPNYsQpS4zjuAPjAIXPtrrGA.ttf'
+});
+var StandardDocument = function(_param) {
+    var children = _param.children, style = _param.style, props = _object_without_properties(_param, [
+        "children",
+        "style"
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Page, _object_spread_props(_object_spread({
+        style: _object_spread({
+            fontFamily: 'Figtree',
+            fontStyle: 'normal'
+        }, style)
+    }, props), {
+        children: children
+    }));
+};
+var _default = StandardDocument;

package/dist/cjs/debug.js

@@ -0,0 +1,202 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _env = require("@driveflux/env");
+var _subscription = require("./__mocks__/subscription.js");
+var _index = require("./templates/SubscriptionAgreement/index.js");
+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
+        };
+    }
+}
+var debugSubscriptionAgreement = function() {
+    var _ref = _async_to_generator(function() {
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    if (!_subscription.subscription) {
+                        console.error('no such subscription');
+                        return [
+                            2
+                        ];
+                    }
+                    return [
+                        4,
+                        (0, _index.generateSubscriptionAgreementPdf)({
+                            subscription: _subscription.subscription
+                        }, "".concat(process.cwd(), "/output/subscription-agreement.pdf"))
+                    ];
+                case 1:
+                    _state.sent();
+                    return [
+                        2
+                    ];
+            }
+        });
+    });
+    return function debugSubscriptionAgreement() {
+        return _ref.apply(this, arguments);
+    };
+}();
+//! put all the debugging functions here
+var debugCases = [
+    debugSubscriptionAgreement()
+];
+var debug = function() {
+    var _ref = _async_to_generator(function() {
+        var results;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    (0, _env.loadAllEnv)();
+                    return [
+                        4,
+                        Promise.allSettled(debugCases)
+                    ];
+                case 1:
+                    results = _state.sent();
+                    if (results.some(function(res) {
+                        return res.status === 'rejected';
+                    })) {
+                        results.forEach(function(res, i) {
+                            if (res.status === 'rejected') {
+                                console.error("debug no ".concat(i + 1, " error:"), res.reason);
+                            }
+                        });
+                        return [
+                            2
+                        ];
+                    }
+                    console.log('Generated all PDFs successfully!');
+                    console.log("You can view them in the 'output' folder!");
+                    return [
+                        2
+                    ];
+            }
+        });
+    });
+    return function debug() {
+        return _ref.apply(this, arguments);
+    };
+}();
+debug();

package/dist/cjs/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./templates/index.js"), exports);
+_export_star(require("./types.js"), exports);
+_export_star(require("./utils.js"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/cjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

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

@@ -0,0 +1,95 @@
+"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 _renderer = require("@react-pdf/renderer");
+var _datefns = require("date-fns");
+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 Confirmation = function(param) {
+    var tConfirmation = param.tConfirmation, subscription = param.subscription;
+    var _subscription_signature, _subscription_user_identification;
+    if (!((_subscription_signature = subscription.signature) === null || _subscription_signature === void 0 ? void 0 : _subscription_signature.signature)) {
+        throw new Error('Missing signature');
+    }
+    var border = "1px solid ".concat(_index.colors.primary2);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+        style: {
+            borderLeft: border,
+            borderRight: border,
+            borderBottom: 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: tConfirmation.title
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+                style: {
+                    padding: 8,
+                    paddingBottom: 16,
+                    rowGap: 8,
+                    borderTop: border
+                },
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                        children: tConfirmation.agreementText(subscription.businessId ? 'business' : 'member')
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.View, {
+                        style: {
+                            height: 160,
+                            alignItems: 'flex-start'
+                        },
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Image, {
+                            src: subscription.signature.signature
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+                        style: {
+                            rowGap: 8
+                        },
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_LabelValue.default, {
+                                label: tConfirmation.name,
+                                value: (0, _user.userName)(subscription.user)
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_LabelValue.default, {
+                                label: tConfirmation.idOrPassportNo,
+                                value: (_subscription_user_identification = subscription.user.identification) === null || _subscription_user_identification === void 0 ? void 0 : _subscription_user_identification.number
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_LabelValue.default, {
+                                label: tConfirmation.date,
+                                value: subscription.signature.signedAt ? (0, _datefns.format)(subscription.signature.signedAt, 'dd-MM-yyyy hh:mm a') : undefined
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+var _default = Confirmation;

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

@@ -0,0 +1,110 @@
+"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 _renderer = require("@react-pdf/renderer");
+var _datefns = require("date-fns");
+var _colors = require("../../theme/colors.js");
+var _CoverPageSection = /*#__PURE__*/ _interop_require_default(require("./CoverPageSection.js"));
+var _LabelValue = /*#__PURE__*/ _interop_require_default(require("./LabelValue.js"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var CoverPage = function(param) {
+    var tTitle = param.tTitle, tCover = param.tCover, signedAt = param.signedAt, user = param.user;
+    var _user_identification;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+        style: {
+            flex: 1,
+            paddingVertical: 80,
+            justifyContent: 'space-between'
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                style: {
+                    fontWeight: 'bold',
+                    fontSize: 40,
+                    textTransform: 'uppercase',
+                    flex: 1
+                },
+                children: tTitle
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+                style: {
+                    padding: 16,
+                    rowGap: 32,
+                    border: "1px solid ".concat(_colors.colors.primary2),
+                    fontSize: 10
+                },
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_CoverPageSection.default, {
+                        title: tCover.effectiveDate,
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+                            style: {
+                                flexDirection: 'row',
+                                columnGap: 4
+                            },
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                                    style: {
+                                        textDecoration: 'underline'
+                                    },
+                                    children: (0, _datefns.format)(signedAt, 'do')
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                                    children: tCover.of
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                                    style: {
+                                        textDecoration: 'underline'
+                                    },
+                                    children: (0, _datefns.format)(signedAt, 'MMM')
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                                    children: (0, _datefns.format)(signedAt, 'yyyy')
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_CoverPageSection.default, {
+                        title: tCover.agreementBetween,
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_LabelValue.default, {
+                                label: tCover.name,
+                                value: (0, _user.userName)(user)
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_LabelValue.default, {
+                                label: tCover.idOrPassportNo,
+                                value: (_user_identification = user.identification) === null || _user_identification === void 0 ? void 0 : _user_identification.number
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                        style: {
+                            fontSize: 8,
+                            fontWeight: 'bold',
+                            color: _colors.colors.primary3,
+                            textTransform: 'uppercase',
+                            letterSpacing: 1
+                        },
+                        children: tCover.and
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                        children: "FLUX Sdn Bhd (1264766-H)"
+                    })
+                ]
+            })
+        ]
+    });
+};
+var _default = CoverPage;

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

@@ -0,0 +1,35 @@
+"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 CoverPageSection = function(param) {
+    var title = param.title, children = param.children;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_renderer.View, {
+        style: {
+            rowGap: 16
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_renderer.Text, {
+                style: {
+                    fontSize: 8,
+                    fontWeight: 'bold',
+                    color: _colors.colors.primary3,
+                    textTransform: 'uppercase',
+                    letterSpacing: 1
+                },
+                children: "".concat(title, ":")
+            }),
+            children
+        ]
+    });
+};
+var _default = CoverPageSection;