@driveflux/pdf 1.6.67 → 1.6.69

package/dist/__mocks__/tou.js

@@ -1,22 +1,23 @@
-export var mockTermsOfUse = {
+export const mockTermsOfUse = {
     items: [
         {
             content: 'Terms of Use',
             items: [
                 {
-                    content: 'These Terms of Use define and govern the relationship, rules and regulations of the interactions by FLUX and its Members.',
-                    items: []
-                }
-            ]
+                    content: 'These Terms of ***Use*** are NOT no yes defined and govern the relationship, rules and regulations of the interactions by FLUX and its Members.',
+                    items: [],
+                },
+            ],
         },
         {
             content: 'Introduction',
             items: [
                 {
                     content: 'FLUX is an online business functioning as a technology provider that facilitates vehicle subscriptions.',
-                    items: []
-                }
-            ]
-        }
-    ]
+                    items: [],
+                },
+            ],
+        },
+    ],
 };
+//# sourceMappingURL=tou.js.map

package/dist/__mocks__/tou.js.map

@@ -1 +1 @@
-{"version":3,"file":"tou.js","sourceRoot":"","sources":["../../src/__mocks__/tou.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC7B,KAAK,EAAE;QACN;YACC,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE;gBACN;oBACC,OAAO,EACN,2HAA2H;oBAC5H,KAAK,EAAE,EAAE;iBACT;aACD;SACD;QACD;YACC,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE;gBACN;oBACC,OAAO,EACN,yGAAyG;oBAC1G,KAAK,EAAE,EAAE;iBACT;aACD;SACD;KACD;CACD,CAAA"}
+{"version":3,"file":"tou.js","sourceRoot":"","sources":["../../src/__mocks__/tou.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC7B,KAAK,EAAE;QACN;YACC,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE;gBACN;oBACC,OAAO,EACN,iJAAiJ;oBAClJ,KAAK,EAAE,EAAE;iBACT;aACD;SACD;QACD;YACC,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE;gBACN;oBACC,OAAO,EACN,yGAAyG;oBAC1G,KAAK,EAAE,EAAE;iBACT;aACD;SACD;KACD;CACD,CAAA"}

package/dist/components/StandardPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StandardPage.d.ts","sourceRoot":"","sources":["../../src/components/StandardPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE9C,KAAK,KAAK,GAAG,SAAS,GAAG,EAAE,CAAA;AAoB3B,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAaxD,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"StandardPage.d.ts","sourceRoot":"","sources":["../../src/components/StandardPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE9C,KAAK,KAAK,GAAG,SAAS,GAAG,EAAE,CAAA;AA8B3B,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAaxD,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/StandardPage.js

@@ -1,113 +1,34 @@
-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 _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;
-}
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Font, Page } from '@react-pdf/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/v8/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_d_QF5e.ttf',
+            fontWeight: 'normal',
         },
         {
-            src: 'https://fonts.gstatic.com/s/figtree/v5/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_eYR15ewkEU4HTy.ttf',
-            fontWeight: 'bold'
-        }
-    ]
+            src: 'https://fonts.gstatic.com/s/figtree/v8/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_eYR15e.ttf',
+            fontWeight: 'bold',
+        },
+        {
+            src: 'https://fonts.gstatic.com/s/figtree/v8/_Xm9-HUzqDCFdgfMm4GnA4aZFrUvtOK3A7YdyEU.ttf',
+            fontWeight: 'normal',
+            fontStyle: 'italic',
+        },
+        {
+            src: 'https://fonts.gstatic.com/s/figtree/v8/_Xm9-HUzqDCFdgfMm4GnA4aZFrUvtOK3A1EayEU.ttf',
+            fontWeight: 'bold',
+            fontStyle: 'italic',
+        },
+    ],
 });
 Font.register({
     family: 'Allura',
-    src: 'https://fonts.gstatic.com/s/allura/v21/9oRPNYsQpS4zjuAPjAIXPtrrGA.ttf'
+    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__*/ _jsx(Page, _object_spread_props(_object_spread({
-        style: _object_spread({
-            fontFamily: 'Figtree',
-            fontStyle: 'normal'
-        }, style)
-    }, props), {
-        children: children
-    }));
+const StandardDocument = ({ children, style, ...props }) => {
+    return (_jsx(Page, { style: { fontFamily: 'Figtree', fontStyle: 'normal', ...style }, ...props, children: children }));
 };
 export default StandardDocument;
+//# sourceMappingURL=StandardPage.js.map

package/dist/components/StandardPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandardPage.js","sourceRoot":"","sources":["../../src/components/StandardPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkB,MAAM,qBAAqB,CAAA;AAMhE,IAAI,CAAC,QAAQ,CAAC;IACb,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE;QACN;YACC,GAAG,EAAE,yFAAyF;YAC9F,UAAU,EAAE,QAAQ;SACpB;QACD;YACC,GAAG,EAAE,yFAAyF;YAC9F,UAAU,EAAE,MAAM;SAClB;KACD;CACD,CAAC,CAAA;AACF,IAAI,CAAC,QAAQ,CAAC;IACb,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,uEAAuE;CAC5E,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAuC,CAAC,EAC7D,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACR,EAAE,EAAE;IACJ,OAAO,CACN,KAAC,IAAI,IACJ,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,KAC3D,KAAK,YAER,QAAQ,GACH,CACP,CAAA;AACF,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"StandardPage.js","sourceRoot":"","sources":["../../src/components/StandardPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkB,MAAM,qBAAqB,CAAA;AAMhE,IAAI,CAAC,QAAQ,CAAC;IACb,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE;QACN;YACC,GAAG,EAAE,iFAAiF;YACtF,UAAU,EAAE,QAAQ;SACpB;QACD;YACC,GAAG,EAAE,iFAAiF;YACtF,UAAU,EAAE,MAAM;SAClB;QACD;YACC,GAAG,EAAE,oFAAoF;YACzF,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,QAAQ;SACnB;QACD;YACC,GAAG,EAAE,oFAAoF;YACzF,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,QAAQ;SACnB;KACD;CACD,CAAC,CAAA;AACF,IAAI,CAAC,QAAQ,CAAC;IACb,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,uEAAuE;CAC5E,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAuC,CAAC,EAC7D,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACR,EAAE,EAAE;IACJ,OAAO,CACN,KAAC,IAAI,IACJ,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,KAC3D,KAAK,YAER,QAAQ,GACH,CACP,CAAA;AACF,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/templates/SubscriptionAgreement/CoverPage.js

@@ -5,24 +5,107 @@ import { format } from 'date-fns';
 import { colors } from '../../theme/colors.js';
 import CoverPageSection from './CoverPageSection.js';
 import LabelValue from './LabelValue.js';
-const CoverPage = ({ tTitle, tCover, signedAt, user, payerType, business, }) => {
-    return (_jsxs(View, { style: { flex: 1, paddingVertical: 80, justifyContent: 'space-between' }, children: [_jsx(Text, { style: {
+var CoverPage = function(param) {
+    var tTitle = param.tTitle, tCover = param.tCover, signedAt = param.signedAt, user = param.user, payerType = param.payerType, business = param.business;
+    var _user_identification;
+    return /*#__PURE__*/ _jsxs(View, {
+        style: {
+            flex: 1,
+            paddingVertical: 80,
+            justifyContent: 'space-between'
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                style: {
                     fontWeight: 'bold',
                     fontSize: 40,
                     textTransform: 'uppercase',
-                    flex: 1,
-                }, children: tTitle }), _jsxs(View, { style: {
+                    flex: 1
+                },
+                children: tTitle
+            }),
+            /*#__PURE__*/ _jsxs(View, {
+                style: {
                     padding: 16,
                     rowGap: 32,
-                    border: `1px solid ${colors.primary2}`,
-                    fontSize: 10,
-                }, children: [_jsx(CoverPageSection, { title: tCover.effectiveDate, children: _jsxs(View, { style: { flexDirection: 'row', columnGap: 4 }, children: [_jsx(Text, { style: { textDecoration: 'underline' }, children: format(signedAt, 'do') }), _jsx(Text, { children: tCover.of }), _jsx(Text, { style: { textDecoration: 'underline' }, children: format(signedAt, 'MMM') }), _jsx(Text, { children: format(signedAt, 'yyyy') })] }) }), _jsxs(CoverPageSection, { title: tCover.agreementBetween, children: [payerType === 'business' && (_jsxs(_Fragment, { children: [_jsx(LabelValue, { label: tCover.companyName, value: business?.name }), _jsx(LabelValue, { label: tCover.companyNo, value: business?.registrationNumber })] })), payerType === 'user' && (_jsxs(_Fragment, { children: [_jsx(LabelValue, { label: tCover.name, value: userName(user) }), _jsx(LabelValue, { label: tCover.idOrPassportNo, value: user.identification?.number })] }))] }), _jsx(Text, { style: {
+                    border: "1px solid ".concat(colors.primary2),
+                    fontSize: 10
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(CoverPageSection, {
+                        title: tCover.effectiveDate,
+                        children: /*#__PURE__*/ _jsxs(View, {
+                            style: {
+                                flexDirection: 'row',
+                                columnGap: 4
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Text, {
+                                    style: {
+                                        textDecoration: 'underline'
+                                    },
+                                    children: format(signedAt, 'do')
+                                }),
+                                /*#__PURE__*/ _jsx(Text, {
+                                    children: tCover.of
+                                }),
+                                /*#__PURE__*/ _jsx(Text, {
+                                    style: {
+                                        textDecoration: 'underline'
+                                    },
+                                    children: format(signedAt, 'MMM')
+                                }),
+                                /*#__PURE__*/ _jsx(Text, {
+                                    children: format(signedAt, 'yyyy')
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs(CoverPageSection, {
+                        title: tCover.agreementBetween,
+                        children: [
+                            payerType === 'business' && /*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(LabelValue, {
+                                        label: tCover.companyName,
+                                        value: business === null || business === void 0 ? void 0 : business.name
+                                    }),
+                                    /*#__PURE__*/ _jsx(LabelValue, {
+                                        label: tCover.companyNo,
+                                        value: business === null || business === void 0 ? void 0 : business.registrationNumber
+                                    })
+                                ]
+                            }),
+                            payerType === 'user' && /*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(LabelValue, {
+                                        label: tCover.name,
+                                        value: userName(user)
+                                    }),
+                                    /*#__PURE__*/ _jsx(LabelValue, {
+                                        label: tCover.idOrPassportNo,
+                                        value: (_user_identification = user.identification) === null || _user_identification === void 0 ? void 0 : _user_identification.number
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Text, {
+                        style: {
                             fontSize: 8,
                             fontWeight: 'bold',
                             color: colors.primary3,
                             textTransform: 'uppercase',
-                            letterSpacing: 1,
-                        }, children: tCover.and }), _jsx(Text, { children: "FLUX Sdn Bhd (1264766-H)" })] })] }));
+                            letterSpacing: 1
+                        },
+                        children: tCover.and
+                    }),
+                    /*#__PURE__*/ _jsx(Text, {
+                        children: "FLUX Sdn Bhd (1264766-H)"
+                    })
+                ]
+            })
+        ]
+    });
 };
 export default CoverPage;
-//# sourceMappingURL=CoverPage.js.map

package/dist/templates/SubscriptionAgreement/Details.js

@@ -1,105 +1,184 @@
+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 _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;
+}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { userName } from '@driveflux/db/models/user';
 import { format } from '@driveflux/time';
 import { Text, View } from '@react-pdf/renderer';
 import { colors } from '../../theme/index.js';
 import LabelValue from './LabelValue.js';
-const Details = ({ tDetails, subscription }) => {
-    let details = {};
+var Details = function(param) {
+    var tDetails = param.tDetails, subscription = param.subscription;
+    var _subscription_vehicle, _subscription_vehicle1, _subscription_vehicle2, _subscription_vehicle3, _subscription_vehicle4, _subscription_schedule, _subscription_schedule1;
+    var details = {};
     if (subscription.payerType === 'business') {
+        var _subscription_business;
         details.business = [
             {
                 key: tDetails.business.name,
-                value: subscription?.businessName,
+                value: subscription === null || subscription === void 0 ? void 0 : subscription.businessName
             },
             {
                 key: tDetails.business.companyNo,
-                value: subscription?.business?.registrationNumber,
-            },
+                value: subscription === null || subscription === void 0 ? void 0 : (_subscription_business = subscription.business) === null || _subscription_business === void 0 ? void 0 : _subscription_business.registrationNumber
+            }
         ];
-    }
-    else {
+    } else {
+        var _subscription_user_identification;
         details.member = [
             {
                 key: tDetails.member.name,
-                value: userName(subscription.user),
+                value: userName(subscription.user)
             },
             {
                 key: tDetails.member.idOrPassportNo,
-                value: subscription.user.identification?.number,
-            },
+                value: (_subscription_user_identification = subscription.user.identification) === null || _subscription_user_identification === void 0 ? void 0 : _subscription_user_identification.number
+            }
         ];
     }
-    details = {
-        ...details,
+    details = _object_spread_props(_object_spread({}, details), {
         vehicle: [
             {
                 key: tDetails.vehicle.make,
-                value: subscription.vehicle?.make,
+                value: (_subscription_vehicle = subscription.vehicle) === null || _subscription_vehicle === void 0 ? void 0 : _subscription_vehicle.make
             },
             {
                 key: tDetails.vehicle.model,
-                value: `${subscription.vehicle?.vehicleModel} ${subscription.vehicle?.variant}`,
+                value: "".concat((_subscription_vehicle1 = subscription.vehicle) === null || _subscription_vehicle1 === void 0 ? void 0 : _subscription_vehicle1.vehicleModel, " ").concat((_subscription_vehicle2 = subscription.vehicle) === null || _subscription_vehicle2 === void 0 ? void 0 : _subscription_vehicle2.variant)
             },
             {
                 key: tDetails.vehicle.year,
-                value: subscription.vehicle?.year,
+                value: (_subscription_vehicle3 = subscription.vehicle) === null || _subscription_vehicle3 === void 0 ? void 0 : _subscription_vehicle3.year
             },
             {
                 key: tDetails.vehicle.plateNo,
-                value: subscription.vehicle?.registrationNumber,
-            },
+                value: (_subscription_vehicle4 = subscription.vehicle) === null || _subscription_vehicle4 === void 0 ? void 0 : _subscription_vehicle4.registrationNumber
+            }
         ],
         subscription: [
             {
                 key: tDetails.subscription.subscriptionPlan,
-                value: getPlanTranslation(subscription.plan),
+                value: getPlanTranslation(subscription.plan)
             },
             {
                 key: tDetails.subscription.mileagePackage,
-                value: getFullMileagePackageTranslation(subscription.mileagePackage),
+                value: getFullMileagePackageTranslation(subscription.mileagePackage)
             },
             {
                 key: tDetails.subscription.startDate,
-                value: subscription.startedAt
-                    ? format(subscription.startedAt, 'dd-MM-yyyy')
-                    : undefined,
+                value: subscription.startedAt ? format(subscription.startedAt, 'dd-MM-yyyy') : undefined
             },
             {
                 key: tDetails.subscription.endDate,
-                value: subscription.endedAt
-                    ? format(subscription.endedAt, 'dd-MM-yyyy')
-                    : subscription.schedule?.endAt
-                        ? format(subscription.schedule?.endAt, 'dd-MM-yyyy')
-                        : undefined,
-            },
-        ],
-    };
-    const border = `1px solid ${colors.primary2}`;
-    return (_jsxs(View, { style: { borderLeft: border, borderRight: border }, children: [_jsx(View, { style: {
+                value: subscription.endedAt ? format(subscription.endedAt, 'dd-MM-yyyy') : ((_subscription_schedule = subscription.schedule) === null || _subscription_schedule === void 0 ? void 0 : _subscription_schedule.endAt) ? format((_subscription_schedule1 = subscription.schedule) === null || _subscription_schedule1 === void 0 ? void 0 : _subscription_schedule1.endAt, 'dd-MM-yyyy') : undefined
+            }
+        ]
+    });
+    var border = "1px solid ".concat(colors.primary2);
+    return /*#__PURE__*/ _jsxs(View, {
+        style: {
+            borderLeft: border,
+            borderRight: border
+        },
+        children: [
+            /*#__PURE__*/ _jsx(View, {
+                style: {
                     backgroundColor: colors.primary1,
                     borderTop: border,
-                    padding: 8,
-                }, children: _jsx(Text, { style: {
+                    padding: 8
+                },
+                children: /*#__PURE__*/ _jsx(Text, {
+                    style: {
                         fontWeight: 'bold',
                         textTransform: 'uppercase',
-                        letterSpacing: 1,
-                    }, children: tDetails.agreement }) }), Object.keys(details).map((key, i) => (_jsxs(View, { style: {
-                    padding: 8,
-                    paddingBottom: 16,
-                    rowGap: 8,
-                    borderTop: border,
-                }, children: [_jsx(Text, { style: {
-                            textTransform: 'uppercase',
-                            color: colors.primary2,
-                            fontSize: 8,
-                            letterSpacing: 1,
-                        }, children: `${key} details` }), details[key].map((line) => (_jsx(LabelValue, { label: line.key, value: line.value }, line.key)))] }, key)))] }));
+                        letterSpacing: 1
+                    },
+                    children: tDetails.agreement
+                })
+            }),
+            Object.keys(details).map(function(key, i) {
+                return /*#__PURE__*/ _jsxs(View, {
+                    style: {
+                        padding: 8,
+                        paddingBottom: 16,
+                        rowGap: 8,
+                        borderTop: border
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Text, {
+                            style: {
+                                textTransform: 'uppercase',
+                                color: colors.primary2,
+                                fontSize: 8,
+                                letterSpacing: 1
+                            },
+                            children: "".concat(key, " details")
+                        }),
+                        details[key].map(function(line) {
+                            return /*#__PURE__*/ _jsx(LabelValue, {
+                                label: line.key,
+                                value: line.value
+                            }, line.key);
+                        })
+                    ]
+                }, key);
+            })
+        ]
+    });
 };
 export default Details;
 // TODO: replace this with dump's once the package is ready
-const getPlanTranslation = (plan, vehicleType) => {
-    switch (plan) {
+var getPlanTranslation = function(plan, vehicleType) {
+    switch(plan){
         case 'plan60':
             return vehicleType === 'motorcycle' ? '60 Months' : '60 Months (Basic)';
         case 'plan36':
@@ -116,8 +195,8 @@ const getPlanTranslation = (plan, vehicleType) => {
             return 'Unknown Plan';
     }
 };
-const getFullMileagePackageTranslation = (plan) => {
-    switch (plan) {
+var getFullMileagePackageTranslation = function(plan) {
+    switch(plan){
         case 'lite':
             return 'Lite - 1,250KM';
         case 'standard':
@@ -130,4 +209,3 @@ const getFullMileagePackageTranslation = (plan) => {
             return 'Unknown Mileage Package';
     }
 };
-//# sourceMappingURL=Details.js.map

package/dist/templates/SubscriptionAgreement/TermsOfUse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TermsOfUse.d.ts","sourceRoot":"","sources":["../../../src/templates/SubscriptionAgreement/TermsOfUse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEX,kBAAkB,EAClB,MAAM,6BAA6B,CAAA;AAEpC,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,KAAK,KAAK,GAAG;IACZ,UAAU,EAAE,kBAAkB,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,KAAK,CA0CzB,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"TermsOfUse.d.ts","sourceRoot":"","sources":["../../../src/templates/SubscriptionAgreement/TermsOfUse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEX,kBAAkB,EAClB,MAAM,6BAA6B,CAAA;AAEpC,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/B,KAAK,KAAK,GAAG;IACZ,UAAU,EAAE,kBAAkB,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,KAAK,CAoCzB,CAAA;AAED,eAAe,UAAU,CAAA"}