@driveflux/pdf 1.6.70 → 1.7.1

package/dist/templates/QuotationPdf/Pricing.js

@@ -3,77 +3,53 @@ import { formatMoney } from '@driveflux/format-money';
 import { Text, View } from '@react-pdf/renderer';
 import { colors } from '../../theme/colors.js';
 import SectionBoxNew from './SectionBoxNew.js';
-var Pricing = function(param) {
-    var quotation = param.quotation, t = param.t;
-    var _quotation_fees_discountAmount, _quotation_fees_discountAmount1;
-    var _quotation_fees = quotation.fees, reservationFee = _quotation_fees.reservationFee, deposit = _quotation_fees.deposit, subscriptionFee = _quotation_fees.subscriptionFee, extraCharges = _quotation_fees.extraCharges, couponType = _quotation_fees.couponType, discountAmount = _quotation_fees.discountAmount, quotedPrices = _quotation_fees.quotedPrices;
-    var taxRate = quotation.fees.taxAmount / quotation.fees.amountBeforeTax;
-    var taxPercentage = (taxRate * 100).toFixed(0);
-    var hasDiscounts = quotedPrices !== null && quotedPrices !== undefined;
-    var totalUpfrontFee = hasDiscounts ? (reservationFee || 0) + ((quotedPrices === null || quotedPrices === void 0 ? void 0 : quotedPrices.deposit) || 0) : (reservationFee || 0) + deposit;
-    var totalMonthlyFee = hasDiscounts ? (quotedPrices === null || quotedPrices === void 0 ? void 0 : quotedPrices.subscriptionFee) || 0 : subscriptionFee;
+const Pricing = ({ quotation, t }) => {
+    const { startFee, reservationFee, deposit, subscriptionFee, extraCharges, couponType, discountAmount, quotedPrices, } = quotation.fees;
+    const taxRate = quotation.fees.taxAmount / quotation.fees.amountBeforeTax;
+    const taxPercentage = (taxRate * 100).toFixed(0);
+    const hasDiscounts = quotedPrices !== null && quotedPrices !== undefined;
+    let totalUpfrontFee = hasDiscounts
+        ? (quotedPrices?.startFee || 0) +
+            (reservationFee || 0) +
+            (quotedPrices?.deposit || 0)
+        : startFee + (reservationFee || 0) + deposit;
+    let totalMonthlyFee = hasDiscounts
+        ? quotedPrices?.subscriptionFee || 0
+        : subscriptionFee;
     if (hasDiscounts) {
-        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-        try {
-            for(var _iterator = quotedPrices.extraCharges[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                var charge = _step.value;
-                if (charge.type === 'upfront') {
-                    totalUpfrontFee += charge.amount;
-                } else if (charge.type === 'monthly') {
-                    totalMonthlyFee += charge.amount;
-                }
+        for (const charge of quotedPrices.extraCharges) {
+            if (charge.type === 'upfront') {
+                totalUpfrontFee += charge.amount;
             }
-        } catch (err) {
-            _didIteratorError = true;
-            _iteratorError = err;
-        } finally{
-            try {
-                if (!_iteratorNormalCompletion && _iterator.return != null) {
-                    _iterator.return();
-                }
-            } finally{
-                if (_didIteratorError) {
-                    throw _iteratorError;
-                }
+            else if (charge.type === 'monthly') {
+                totalMonthlyFee += charge.amount;
             }
         }
-    } else {
-        var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
-        try {
-            for(var _iterator1 = extraCharges[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
-                var charge1 = _step1.value;
-                if (charge1.type === 'upfront') {
-                    totalUpfrontFee += charge1.amount;
-                } else if (charge1.type === 'monthly') {
-                    totalMonthlyFee += charge1.amount;
-                }
+    }
+    else {
+        for (const charge of extraCharges) {
+            if (charge.type === 'upfront') {
+                totalUpfrontFee += charge.amount;
             }
-        } catch (err) {
-            _didIteratorError1 = true;
-            _iteratorError1 = err;
-        } finally{
-            try {
-                if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
-                    _iterator1.return();
-                }
-            } finally{
-                if (_didIteratorError1) {
-                    throw _iteratorError1;
-                }
+            else if (charge.type === 'monthly') {
+                totalMonthlyFee += charge.amount;
             }
         }
     }
     if (quotation.couponCode) {
         if (couponType === 'upfront') {
             totalUpfrontFee -= discountAmount || 0;
-        } else if (couponType === 'monthly') {
+        }
+        else if (couponType === 'monthly') {
             totalMonthlyFee -= discountAmount || 0;
         }
     }
-    var serviceMonthlyFee = totalMonthlyFee * taxRate;
-    var serviceUpfrontFee = (totalUpfrontFee * taxRate).toFixed(2);
-    var getFeeValue = function(key) {
-        switch(key){
+    const serviceMonthlyFee = totalMonthlyFee * taxRate;
+    const serviceUpfrontFee = (totalUpfrontFee * taxRate).toFixed(2);
+    const getFeeValue = (key) => {
+        switch (key) {
+            case 'startFee':
+                return startFee;
             case 'reservationFee':
                 return reservationFee;
             case 'deposit':
@@ -84,640 +60,298 @@ var Pricing = function(param) {
                 return null;
         }
     };
-    var getQuotedFeeValue = function(key) {
-        switch(key){
+    const getQuotedFeeValue = (key) => {
+        switch (key) {
+            case 'startFee':
+                return quotedPrices?.startFee;
             case 'deposit':
-                return quotedPrices === null || quotedPrices === void 0 ? void 0 : quotedPrices.deposit;
+                return quotedPrices?.deposit;
             case 'subscriptionFee':
-                return quotedPrices === null || quotedPrices === void 0 ? void 0 : quotedPrices.subscriptionFee;
+                return quotedPrices?.subscriptionFee;
             case 'reservationFee':
                 return reservationFee;
             default:
                 return null;
         }
     };
-    var upfrontTotalDiscount = function() {
-        var _quotedPrices_extraCharges;
-        // Calculate base fees total (deposit)
-        var originalBaseTotal = deposit;
-        var quotedBaseTotal = (quotedPrices === null || quotedPrices === void 0 ? void 0 : quotedPrices.deposit) || 0;
+    const upfrontTotalDiscount = () => {
+        // Calculate base fees total (startFee + deposit)
+        const originalBaseTotal = startFee + deposit;
+        const quotedBaseTotal = (quotedPrices?.startFee || 0) + (quotedPrices?.deposit || 0);
         // Calculate original upfront extra charges
-        var originalExtraCharges = extraCharges.filter(function(charge) {
-            return charge.type === 'upfront';
-        }).reduce(function(sum, charge) {
-            return sum + charge.amount;
-        }, 0);
+        const originalExtraCharges = extraCharges
+            .filter((charge) => charge.type === 'upfront')
+            .reduce((sum, charge) => sum + charge.amount, 0);
         // Calculate quoted upfront extra charges
-        var quotedExtraCharges = (quotedPrices === null || quotedPrices === void 0 ? void 0 : (_quotedPrices_extraCharges = quotedPrices.extraCharges) === null || _quotedPrices_extraCharges === void 0 ? void 0 : _quotedPrices_extraCharges.filter(function(charge) {
-            return charge.type === 'upfront';
-        }).reduce(function(sum, charge) {
-            return sum + charge.amount;
-        }, 0)) || originalExtraCharges;
-        var originalTotal = originalBaseTotal + originalExtraCharges;
-        var quotedTotal = quotedBaseTotal + quotedExtraCharges;
+        const quotedExtraCharges = quotedPrices?.extraCharges
+            ?.filter((charge) => charge.type === 'upfront')
+            .reduce((sum, charge) => sum + charge.amount, 0) || originalExtraCharges;
+        const originalTotal = originalBaseTotal + originalExtraCharges;
+        const quotedTotal = quotedBaseTotal + quotedExtraCharges;
         // Calculate total discount (original - quoted)
-        var totalDiscount = originalTotal - quotedTotal;
+        const totalDiscount = originalTotal - quotedTotal;
         return totalDiscount;
     };
-    return /*#__PURE__*/ _jsx(View, {
-        children: /*#__PURE__*/ _jsx(SectionBoxNew, {
-            topContent: /*#__PURE__*/ _jsxs(_Fragment, {
-                children: [
-                    /*#__PURE__*/ _jsx(Text, {
-                        style: {
+    return (_jsx(View, { children: _jsx(SectionBoxNew, { topContent: _jsxs(_Fragment, { children: [_jsx(Text, { style: {
                             textTransform: 'uppercase',
                             fontSize: 12,
-                            fontWeight: 'bold'
-                        },
-                        children: t === null || t === void 0 ? void 0 : t.title
-                    }),
-                    /*#__PURE__*/ _jsx(Text, {
-                        style: {
+                            fontWeight: 'bold',
+                        }, children: t?.title }), _jsx(Text, { style: {
                             fontWeight: 'bold',
                             color: colors.black,
-                            letterSpacing: 1
-                        },
-                        children: t === null || t === void 0 ? void 0 : t.fees.upfront.title
-                    }),
-                    t === null || t === void 0 ? void 0 : t.fees.upfront.content.map(function(fee) {
-                        var _getFeeValue, _getQuotedFeeValue;
-                        var feeValue = (_getFeeValue = getFeeValue(fee.key)) === null || _getFeeValue === void 0 ? void 0 : _getFeeValue.toFixed(2);
-                        var _getQuotedFeeValue_toFixed;
-                        var quotedFeeValue = (_getQuotedFeeValue_toFixed = (_getQuotedFeeValue = getQuotedFeeValue(fee.key)) === null || _getQuotedFeeValue === void 0 ? void 0 : _getQuotedFeeValue.toFixed(2)) !== null && _getQuotedFeeValue_toFixed !== void 0 ? _getQuotedFeeValue_toFixed : undefined;
+                            letterSpacing: 1,
+                        }, children: t?.fees.upfront.title }), t?.fees.upfront.content.map((fee) => {
+                        const feeValue = getFeeValue(fee.key)?.toFixed(2);
+                        const quotedFeeValue = getQuotedFeeValue(fee.key)?.toFixed(2) ?? undefined;
                         if (feeValue === '0.00') {
                             return null;
                         }
-                        return /*#__PURE__*/ _jsxs(View, {
-                            style: {
+                        return (_jsxs(View, { style: {
                                 justifyContent: 'space-between',
                                 flexDirection: 'row',
-                                rowGap: 8
-                            },
-                            children: [
-                                /*#__PURE__*/ _jsx(Text, {
-                                    style: {
+                                rowGap: 8,
+                            }, children: [_jsx(Text, { style: {
                                         paddingRight: 4,
                                         letterSpacing: 1,
-                                        color: colors.primary3
-                                    },
-                                    children: fee.title
-                                }),
-                                hasDiscounts && fee.key !== 'reservationFee' ? // Only show strikethrough if quoted value is different from original value
-                                feeValue !== quotedFeeValue ? /*#__PURE__*/ _jsxs(View, {
-                                    style: {
+                                        color: colors.primary3,
+                                    }, children: fee.title }), hasDiscounts && fee.key !== 'reservationFee' ? (
+                                // Only show strikethrough if quoted value is different from original value
+                                feeValue !== quotedFeeValue ? (_jsxs(View, { style: {
                                         justifyContent: 'flex-end',
-                                        flexDirection: 'row'
-                                    },
-                                    children: [
-                                        /*#__PURE__*/ _jsx(Text, {
-                                            style: {
+                                        flexDirection: 'row',
+                                    }, children: [_jsx(Text, { style: {
                                                 color: colors.primary2,
                                                 letterSpacing: 1,
                                                 textDecoration: 'line-through',
-                                                marginRight: 4
-                                            },
-                                            children: feeValue !== null ? feeValue : ''
-                                        }),
-                                        /*#__PURE__*/ _jsx(Text, {
-                                            style: {
+                                                marginRight: 4,
+                                            }, children: feeValue !== null ? feeValue : '' }), _jsx(Text, { style: {
                                                 color: colors.primary3,
-                                                letterSpacing: 1
-                                            },
-                                            children: quotedFeeValue
-                                        })
-                                    ]
-                                }) : // When values are the same, just show the single value
-                                /*#__PURE__*/ _jsx(Text, {
-                                    style: {
+                                                letterSpacing: 1,
+                                            }, children: quotedFeeValue })] })) : (
+                                // When values are the same, just show the single value
+                                _jsx(Text, { style: {
                                         color: colors.primary3,
-                                        letterSpacing: 1
-                                    },
-                                    children: feeValue !== null ? feeValue : ''
-                                }) : // When no discounts or it's a reservation fee
-                                /*#__PURE__*/ _jsx(Text, {
-                                    style: {
+                                        letterSpacing: 1,
+                                    }, children: feeValue !== null ? feeValue : '' }))) : (
+                                // When no discounts or it's a reservation fee
+                                _jsx(Text, { style: {
                                         color: colors.primary3,
-                                        letterSpacing: 1
-                                    },
-                                    children: feeValue !== null ? feeValue : ''
-                                })
-                            ]
-                        }, fee.key);
-                    }),
-                    quotation.fees.extraCharges.length > 0 && quotation.fees.extraCharges.filter(function(charge) {
-                        return charge.amount > 0;
-                    }).filter(function(charge) {
-                        return charge.type === 'upfront';
-                    }).map(function(charge, i) {
-                        return /*#__PURE__*/ _jsxs(View, {
-                            style: {
+                                        letterSpacing: 1,
+                                    }, children: feeValue !== null ? feeValue : '' }))] }, fee.key));
+                    }), quotation.fees.extraCharges.length > 0 &&
+                        quotation.fees.extraCharges
+                            .filter((charge) => charge.amount > 0)
+                            .filter((charge) => charge.type === 'upfront')
+                            .map((charge, i) => (_jsxs(View
+                        // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
+                        , { style: {
                                 justifyContent: 'space-between',
                                 flexDirection: 'row',
-                                rowGap: 8
-                            },
-                            children: [
-                                /*#__PURE__*/ _jsx(Text, {
-                                    style: {
+                                rowGap: 8,
+                            }, children: [_jsx(Text, { style: {
                                         paddingRight: 4,
                                         letterSpacing: 1,
-                                        color: colors.primary3
-                                    },
-                                    children: charge.description
-                                }),
-                                hasDiscounts ? function() {
-                                    var quotedCharge = quotedPrices.extraCharges.find(function(extraCharge) {
-                                        return extraCharge.description === charge.description;
-                                    });
-                                    var originalAmount = charge.amount.toFixed(2);
-                                    var quotedAmount = quotedCharge === null || quotedCharge === void 0 ? void 0 : quotedCharge.amount.toFixed(2);
+                                        color: colors.primary3,
+                                    }, children: charge.description }), hasDiscounts ? ((() => {
+                                    const quotedCharge = quotedPrices.extraCharges.find((extraCharge) => extraCharge.description === charge.description);
+                                    const originalAmount = charge.amount.toFixed(2);
+                                    const quotedAmount = quotedCharge?.amount.toFixed(2);
                                     // Only show strikethrough if amounts are different
-                                    return originalAmount !== quotedAmount ? /*#__PURE__*/ _jsxs(View, {
-                                        style: {
+                                    return originalAmount !== quotedAmount ? (_jsxs(View, { style: {
                                             justifyContent: 'flex-end',
-                                            flexDirection: 'row'
-                                        },
-                                        children: [
-                                            /*#__PURE__*/ _jsx(Text, {
-                                                style: {
+                                            flexDirection: 'row',
+                                        }, children: [_jsx(Text, { style: {
                                                     color: colors.primary2,
                                                     letterSpacing: 1,
                                                     textDecoration: 'line-through',
-                                                    marginRight: 4
-                                                },
-                                                children: originalAmount
-                                            }),
-                                            /*#__PURE__*/ _jsx(Text, {
-                                                style: {
+                                                    marginRight: 4,
+                                                }, children: originalAmount }), _jsx(Text, { style: {
                                                     color: colors.primary3,
-                                                    letterSpacing: 1
-                                                },
-                                                children: quotedAmount
-                                            })
-                                        ]
-                                    }) : // When amounts are the same, show single value
-                                    /*#__PURE__*/ _jsx(Text, {
-                                        style: {
+                                                    letterSpacing: 1,
+                                                }, children: quotedAmount })] })) : (
+                                    // When amounts are the same, show single value
+                                    _jsx(Text, { style: {
                                             color: colors.primary3,
-                                            letterSpacing: 1
-                                        },
-                                        children: originalAmount
-                                    });
-                                }() : /*#__PURE__*/ _jsx(Text, {
-                                    style: {
+                                            letterSpacing: 1,
+                                        }, children: originalAmount }));
+                                })()) : (_jsx(Text, { style: {
                                         color: colors.primary3,
-                                        letterSpacing: 1
-                                    },
-                                    children: charge.amount.toFixed(2)
-                                })
-                            ]
-                        }, i);
-                    }),
-                    quotation.couponCode !== null && couponType === 'upfront' && /*#__PURE__*/ _jsxs(View, {
-                        style: {
+                                        letterSpacing: 1,
+                                    }, children: charge.amount.toFixed(2) }))] }, i))), quotation.couponCode !== null && couponType === 'upfront' && (_jsxs(View, { style: {
                             justifyContent: 'space-between',
                             flexDirection: 'row',
-                            rowGap: 8
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsxs(Text, {
-                                style: {
+                            rowGap: 8,
+                        }, children: [_jsxs(Text, { style: {
                                     paddingRight: 4,
                                     letterSpacing: 1,
-                                    color: colors.primary3
-                                },
-                                children: [
-                                    t === null || t === void 0 ? void 0 : t.fees.promo,
-                                    " - ",
-                                    quotation.couponCode
-                                ]
-                            }),
-                            /*#__PURE__*/ _jsxs(Text, {
-                                style: {
+                                    color: colors.primary3,
+                                }, children: [t?.fees.promo, " - ", quotation.couponCode] }), _jsxs(Text, { style: {
                                     color: colors.success4,
                                     letterSpacing: 1,
-                                    fontWeight: 'bold'
-                                },
-                                children: [
-                                    "- ",
-                                    (_quotation_fees_discountAmount = quotation.fees.discountAmount) === null || _quotation_fees_discountAmount === void 0 ? void 0 : _quotation_fees_discountAmount.toFixed(2)
-                                ]
-                            })
-                        ]
-                    }),
-                    hasDiscounts && /*#__PURE__*/ _jsxs(View, {
-                        style: {
+                                    fontWeight: 'bold',
+                                }, children: ["- ", quotation.fees.discountAmount?.toFixed(2)] })] })), hasDiscounts && (_jsxs(View, { style: {
                             justifyContent: 'space-between',
                             flexDirection: 'row',
-                            rowGap: 8
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsx(Text, {
-                                style: {
+                            rowGap: 8,
+                        }, children: [_jsx(Text, { style: {
                                     color: colors.primary3,
                                     letterSpacing: 1,
-                                    paddingRight: 4
-                                },
-                                children: t === null || t === void 0 ? void 0 : t.fees.totalDiscount
-                            }),
-                            /*#__PURE__*/ _jsxs(Text, {
-                                style: {
+                                    paddingRight: 4,
+                                }, children: t?.fees.totalDiscount }), _jsxs(Text, { style: {
                                     color: colors.success4,
                                     fontWeight: 'bold',
-                                    letterSpacing: 1
-                                },
-                                children: [
-                                    "- ",
-                                    upfrontTotalDiscount()
-                                ]
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs(View, {
-                        style: {
+                                    letterSpacing: 1,
+                                }, children: ["- ", upfrontTotalDiscount()] })] })), _jsxs(View, { style: {
                             justifyContent: 'space-between',
                             flexDirection: 'row',
-                            rowGap: 8
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsx(Text, {
-                                style: {
+                            rowGap: 8,
+                        }, children: [_jsx(Text, { style: {
                                     color: colors.primary3,
                                     letterSpacing: 1,
-                                    paddingRight: 4
-                                },
-                                children: "".concat(t === null || t === void 0 ? void 0 : t.serviceFee, " (").concat(taxPercentage, "%)")
-                            }),
-                            quotedPrices !== undefined ? /*#__PURE__*/ _jsx(Text, {
-                                style: {
-                                    color: colors.primary3,
-                                    letterSpacing: 1
-                                },
-                                children: serviceUpfrontFee
-                            }) : /*#__PURE__*/ _jsx(Text, {
-                                style: {
-                                    color: colors.primary3,
-                                    letterSpacing: 1
-                                },
-                                children: serviceUpfrontFee
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs(View, {
-                        style: {
+                                    paddingRight: 4,
+                                }, children: `${t?.serviceFee} (${taxPercentage}%)` }), quotedPrices !== undefined ? (_jsx(Text, { style: { color: colors.primary3, letterSpacing: 1 }, children: serviceUpfrontFee })) : (_jsx(Text, { style: { color: colors.primary3, letterSpacing: 1 }, children: serviceUpfrontFee }))] }), _jsxs(View, { style: {
                             backgroundColor: colors.primary1,
-                            borderTop: "1px solid ".concat(colors.primary1),
+                            borderTop: `1px solid ${colors.primary1}`,
                             justifyContent: 'space-between',
                             flexDirection: 'row',
-                            padding: 4
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsx(Text, {
-                                style: {
+                            padding: 4,
+                        }, children: [_jsx(Text, { style: {
                                     letterSpacing: 1,
                                     paddingRight: 4,
-                                    fontWeight: 'bold'
-                                },
-                                children: "Total"
-                            }),
-                            /*#__PURE__*/ _jsx(Text, {
-                                style: {
-                                    letterSpacing: 1,
-                                    fontWeight: 'bold'
-                                },
-                                children: formatMoney(totalUpfrontFee + Number.parseFloat(serviceUpfrontFee))
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsx(View, {
-                        children: /*#__PURE__*/ _jsx(Text, {
-                            style: {
+                                    fontWeight: 'bold',
+                                }, children: "Total" }), _jsx(Text, { style: { letterSpacing: 1, fontWeight: 'bold' }, children: formatMoney(totalUpfrontFee + Number.parseFloat(serviceUpfrontFee)) })] }), _jsx(View, { children: _jsx(Text, { style: {
                                 color: colors.primary3,
                                 letterSpacing: 1,
-                                fontSize: '9px'
-                            },
-                            children: t === null || t === void 0 ? void 0 : t.fees.upfront.depositDisclaimer
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(View, {
-                        style: {
-                            borderBottom: "1px solid ".concat(colors.primary2)
-                        }
-                    }),
-                    /*#__PURE__*/ _jsx(Text, {
-                        style: {
+                                fontSize: '9px',
+                            }, children: t?.fees.upfront.depositDisclaimer }) }), _jsx(View, { style: { borderBottom: `1px solid ${colors.primary2}` } }), _jsx(Text, { style: {
                             fontWeight: 'bold',
                             color: colors.black,
-                            letterSpacing: 1
-                        },
-                        children: t === null || t === void 0 ? void 0 : t.fees.monthly.title
-                    }),
-                    t === null || t === void 0 ? void 0 : t.fees.monthly.content.map(function(fee) {
-                        var _getFeeValue, _getQuotedFeeValue;
-                        var feeValue = (_getFeeValue = getFeeValue(fee.key)) === null || _getFeeValue === void 0 ? void 0 : _getFeeValue.toFixed(2);
-                        var _getQuotedFeeValue_toFixed;
-                        var quotedFeeValue = (_getQuotedFeeValue_toFixed = (_getQuotedFeeValue = getQuotedFeeValue(fee.key)) === null || _getQuotedFeeValue === void 0 ? void 0 : _getQuotedFeeValue.toFixed(2)) !== null && _getQuotedFeeValue_toFixed !== void 0 ? _getQuotedFeeValue_toFixed : undefined;
+                            letterSpacing: 1,
+                        }, children: t?.fees.monthly.title }), t?.fees.monthly.content.map((fee) => {
+                        const feeValue = getFeeValue(fee.key)?.toFixed(2);
+                        const quotedFeeValue = getQuotedFeeValue(fee.key)?.toFixed(2) ?? undefined;
                         if (feeValue === '0.00') {
                             return null;
                         }
-                        return /*#__PURE__*/ _jsxs(View, {
-                            style: {
+                        return (_jsxs(View, { style: {
                                 justifyContent: 'space-between',
                                 flexDirection: 'row',
-                                rowGap: 8
-                            },
-                            children: [
-                                /*#__PURE__*/ _jsx(Text, {
-                                    style: {
+                                rowGap: 8,
+                            }, children: [_jsx(Text, { style: {
                                         paddingRight: 4,
                                         letterSpacing: 1,
-                                        color: colors.primary3
-                                    },
-                                    children: fee.title
-                                }),
-                                hasDiscounts ? feeValue !== quotedFeeValue ? /*#__PURE__*/ _jsxs(View, {
-                                    style: {
+                                        color: colors.primary3,
+                                    }, children: fee.title }), hasDiscounts ? (feeValue !== quotedFeeValue ? (_jsxs(View, { style: {
                                         justifyContent: 'flex-end',
-                                        flexDirection: 'row'
-                                    },
-                                    children: [
-                                        /*#__PURE__*/ _jsx(Text, {
-                                            style: {
+                                        flexDirection: 'row',
+                                    }, children: [_jsx(Text, { style: {
                                                 color: colors.primary2,
                                                 letterSpacing: 1,
                                                 textDecoration: 'line-through',
-                                                marginRight: 4
-                                            },
-                                            children: feeValue !== null ? feeValue : ''
-                                        }),
-                                        /*#__PURE__*/ _jsx(Text, {
-                                            style: {
+                                                marginRight: 4,
+                                            }, children: feeValue !== null ? feeValue : '' }), _jsx(Text, { style: {
                                                 color: colors.primary3,
-                                                letterSpacing: 1
-                                            },
-                                            children: quotedFeeValue
-                                        })
-                                    ]
-                                }) : // When values are the same, just show the single value
-                                /*#__PURE__*/ _jsx(Text, {
-                                    style: {
-                                        color: colors.primary3,
-                                        letterSpacing: 1
-                                    },
-                                    children: feeValue !== null ? feeValue : ''
-                                }) : /*#__PURE__*/ _jsx(Text, {
-                                    style: {
+                                                letterSpacing: 1,
+                                            }, children: quotedFeeValue })] })) : (
+                                // When values are the same, just show the single value
+                                _jsx(Text, { style: {
                                         color: colors.primary3,
-                                        letterSpacing: 1
-                                    },
-                                    children: feeValue !== null ? feeValue : ''
-                                })
-                            ]
-                        }, fee.key);
-                    }),
-                    quotation.fees.extraCharges.length > 0 && quotation.fees.extraCharges.filter(function(charge) {
-                        return charge.type === 'monthly';
-                    }).map(function(charge) {
-                        return /*#__PURE__*/ _jsxs(View, {
-                            style: {
+                                        letterSpacing: 1,
+                                    }, children: feeValue !== null ? feeValue : '' }))) : (_jsx(Text, { style: { color: colors.primary3, letterSpacing: 1 }, children: feeValue !== null ? feeValue : '' }))] }, fee.key));
+                    }), quotation.fees.extraCharges.length > 0 &&
+                        quotation.fees.extraCharges
+                            .filter((charge) => charge.type === 'monthly')
+                            .map((charge) => (_jsxs(View, { style: {
                                 justifyContent: 'space-between',
                                 flexDirection: 'row',
-                                rowGap: 8
-                            },
-                            children: [
-                                /*#__PURE__*/ _jsx(Text, {
-                                    style: {
+                                rowGap: 8,
+                            }, children: [_jsx(Text, { style: {
                                         paddingRight: 4,
                                         letterSpacing: 1,
-                                        color: colors.primary3
-                                    },
-                                    children: charge.description
-                                }),
-                                hasDiscounts ? function() {
-                                    var quotedCharge = quotedPrices.extraCharges.find(function(extraCharge) {
-                                        return extraCharge.description === charge.description;
-                                    });
-                                    var originalAmount = charge.amount.toFixed(2);
-                                    var quotedAmount = quotedCharge === null || quotedCharge === void 0 ? void 0 : quotedCharge.amount.toFixed(2);
+                                        color: colors.primary3,
+                                    }, children: charge.description }), hasDiscounts ? ((() => {
+                                    const quotedCharge = quotedPrices.extraCharges.find((extraCharge) => extraCharge.description === charge.description);
+                                    const originalAmount = charge.amount.toFixed(2);
+                                    const quotedAmount = quotedCharge?.amount.toFixed(2);
                                     // Only show strikethrough if amounts are different
-                                    return originalAmount !== quotedAmount ? /*#__PURE__*/ _jsxs(View, {
-                                        style: {
+                                    return originalAmount !== quotedAmount ? (_jsxs(View, { style: {
                                             justifyContent: 'flex-end',
-                                            flexDirection: 'row'
-                                        },
-                                        children: [
-                                            /*#__PURE__*/ _jsx(Text, {
-                                                style: {
+                                            flexDirection: 'row',
+                                        }, children: [_jsx(Text, { style: {
                                                     color: colors.primary2,
                                                     letterSpacing: 1,
                                                     textDecoration: 'line-through',
-                                                    marginRight: 4
-                                                },
-                                                children: originalAmount
-                                            }),
-                                            /*#__PURE__*/ _jsx(Text, {
-                                                style: {
+                                                    marginRight: 4,
+                                                }, children: originalAmount }), _jsx(Text, { style: {
                                                     color: colors.primary3,
-                                                    letterSpacing: 1
-                                                },
-                                                children: quotedAmount
-                                            })
-                                        ]
-                                    }) : // When amounts are the same, show single value
-                                    /*#__PURE__*/ _jsx(Text, {
-                                        style: {
+                                                    letterSpacing: 1,
+                                                }, children: quotedAmount })] })) : (
+                                    // When amounts are the same, show single value
+                                    _jsx(Text, { style: {
                                             color: colors.primary3,
-                                            letterSpacing: 1
-                                        },
-                                        children: originalAmount
-                                    });
-                                }() : /*#__PURE__*/ _jsx(Text, {
-                                    style: {
+                                            letterSpacing: 1,
+                                        }, children: originalAmount }));
+                                })()) : (_jsx(Text, { style: {
                                         color: colors.primary3,
-                                        letterSpacing: 1
-                                    },
-                                    children: charge.amount.toFixed(2)
-                                })
-                            ]
-                        }, charge.description);
-                    }),
-                    quotation.couponCode !== null && couponType === 'monthly' && /*#__PURE__*/ _jsxs(View, {
-                        style: {
+                                        letterSpacing: 1,
+                                    }, children: charge.amount.toFixed(2) }))] }, charge.description))), quotation.couponCode !== null && couponType === 'monthly' && (_jsxs(View, { style: {
                             justifyContent: 'space-between',
                             flexDirection: 'row',
-                            rowGap: 8
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsxs(Text, {
-                                style: {
+                            rowGap: 8,
+                        }, children: [_jsxs(Text, { style: {
                                     paddingRight: 4,
                                     letterSpacing: 1,
-                                    color: colors.primary3
-                                },
-                                children: [
-                                    t === null || t === void 0 ? void 0 : t.fees.promo,
-                                    " - ",
-                                    quotation.couponCode
-                                ]
-                            }),
-                            /*#__PURE__*/ _jsxs(Text, {
-                                style: {
+                                    color: colors.primary3,
+                                }, children: [t?.fees.promo, " - ", quotation.couponCode] }), _jsxs(Text, { style: {
                                     color: colors.success4,
                                     letterSpacing: 1,
-                                    fontWeight: 'bold'
-                                },
-                                children: [
-                                    "- ",
-                                    (_quotation_fees_discountAmount1 = quotation.fees.discountAmount) === null || _quotation_fees_discountAmount1 === void 0 ? void 0 : _quotation_fees_discountAmount1.toFixed(2)
-                                ]
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs(View, {
-                        style: {
+                                    fontWeight: 'bold',
+                                }, children: ["- ", quotation.fees.discountAmount?.toFixed(2)] })] })), _jsxs(View, { style: {
                             justifyContent: 'space-between',
                             flexDirection: 'row',
-                            rowGap: 8
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsx(Text, {
-                                style: {
+                            rowGap: 8,
+                        }, children: [_jsx(Text, { style: {
                                     color: colors.primary3,
                                     letterSpacing: 1,
-                                    paddingRight: 4
-                                },
-                                children: "".concat(t === null || t === void 0 ? void 0 : t.serviceFee, " (").concat(taxPercentage, "%)")
-                            }),
-                            /*#__PURE__*/ _jsx(Text, {
-                                style: {
-                                    color: colors.primary3,
-                                    letterSpacing: 1
-                                },
-                                children: serviceMonthlyFee.toFixed(2)
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs(View, {
-                        style: {
+                                    paddingRight: 4,
+                                }, children: `${t?.serviceFee} (${taxPercentage}%)` }), _jsx(Text, { style: { color: colors.primary3, letterSpacing: 1 }, children: serviceMonthlyFee.toFixed(2) })] }), _jsxs(View, { style: {
                             backgroundColor: colors.primary1,
-                            borderTop: "1px solid ".concat(colors.primary1),
+                            borderTop: `1px solid ${colors.primary1}`,
                             justifyContent: 'space-between',
                             flexDirection: 'row',
-                            padding: 4
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsx(Text, {
-                                style: {
+                            padding: 4,
+                        }, children: [_jsx(Text, { style: {
                                     letterSpacing: 1,
                                     paddingRight: 4,
-                                    fontWeight: 'bold'
-                                },
-                                children: "Total"
-                            }),
-                            /*#__PURE__*/ _jsx(Text, {
-                                style: {
-                                    letterSpacing: 1,
-                                    fontWeight: 'bold'
-                                },
-                                children: formatMoney(totalMonthlyFee + serviceMonthlyFee)
-                            })
-                        ]
-                    })
-                ]
-            }),
-            bottomContent: /*#__PURE__*/ _jsxs(View, {
-                style: {
-                    rowGap: 16
-                },
-                children: [
-                    /*#__PURE__*/ _jsx(Text, {
-                        style: {
+                                    fontWeight: 'bold',
+                                }, children: "Total" }), _jsx(Text, { style: { letterSpacing: 1, fontWeight: 'bold' }, children: formatMoney(totalMonthlyFee + serviceMonthlyFee) })] })] }), bottomContent: _jsxs(View, { style: { rowGap: 16 }, children: [_jsx(Text, { style: {
                             textTransform: 'uppercase',
                             fontSize: 12,
                             fontWeight: 'bold',
-                            letterSpacing: 1
-                        },
-                        children: t === null || t === void 0 ? void 0 : t.fees.dueToday.title
-                    }),
-                    /*#__PURE__*/ _jsx(Text, {
-                        style: {
-                            color: colors.primary3,
-                            letterSpacing: 1
-                        },
-                        children: t === null || t === void 0 ? void 0 : t.fees.dueToday.description
-                    }),
-                    /*#__PURE__*/ _jsxs(View, {
-                        style: {
+                            letterSpacing: 1,
+                        }, children: t?.fees.dueToday.title }), _jsx(Text, { style: { color: colors.primary3, letterSpacing: 1 }, children: t?.fees.dueToday.description }), _jsxs(View, { style: {
                             justifyContent: 'space-between',
-                            flexDirection: 'row'
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsx(Text, {
-                                style: {
-                                    letterSpacing: 1,
-                                    color: colors.primary3
-                                },
-                                children: t === null || t === void 0 ? void 0 : t.fees.dueToday.subTotal
-                            }),
-                            /*#__PURE__*/ _jsx(Text, {
-                                style: {
-                                    letterSpacing: 1,
-                                    color: colors.primary3
-                                },
-                                children: hasDiscounts ? quotedPrices === null || quotedPrices === void 0 ? void 0 : quotedPrices.amountBeforeTax.toFixed(2) : quotation.fees.amountBeforeTax.toFixed(2)
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs(View, {
-                        style: {
+                            flexDirection: 'row',
+                        }, children: [_jsx(Text, { style: { letterSpacing: 1, color: colors.primary3 }, children: t?.fees.dueToday.subTotal }), _jsx(Text, { style: { letterSpacing: 1, color: colors.primary3 }, children: hasDiscounts
+                                    ? quotedPrices?.amountBeforeTax.toFixed(2)
+                                    : quotation.fees.amountBeforeTax.toFixed(2) })] }), _jsxs(View, { style: {
                             justifyContent: 'space-between',
-                            flexDirection: 'row'
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsx(Text, {
-                                style: {
-                                    letterSpacing: 1,
-                                    color: colors.primary3
-                                },
-                                children: "".concat(t === null || t === void 0 ? void 0 : t.serviceFee, " (").concat(taxPercentage, "%)")
-                            }),
-                            /*#__PURE__*/ _jsx(Text, {
-                                style: {
-                                    letterSpacing: 1,
-                                    color: colors.primary3
-                                },
-                                children: hasDiscounts ? quotedPrices === null || quotedPrices === void 0 ? void 0 : quotedPrices.taxAmount.toFixed(2) : quotation.fees.taxAmount.toFixed(2)
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs(View, {
-                        style: {
+                            flexDirection: 'row',
+                        }, children: [_jsx(Text, { style: { letterSpacing: 1, color: colors.primary3 }, children: `${t?.serviceFee} (${taxPercentage}%)` }), _jsx(Text, { style: { letterSpacing: 1, color: colors.primary3 }, children: hasDiscounts
+                                    ? quotedPrices?.taxAmount.toFixed(2)
+                                    : quotation.fees.taxAmount.toFixed(2) })] }), _jsxs(View, { style: {
                             backgroundColor: colors.primary1,
-                            borderTop: "1px solid ".concat(colors.primary1),
+                            borderTop: `1px solid ${colors.primary1}`,
                             justifyContent: 'space-between',
                             flexDirection: 'row',
-                            padding: 4
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsx(Text, {
-                                style: {
+                            padding: 4,
+                        }, children: [_jsx(Text, { style: {
                                     letterSpacing: 1,
                                     paddingRight: 4,
-                                    fontWeight: 'bold'
-                                },
-                                children: t === null || t === void 0 ? void 0 : t.fees.dueToday.grandTotal
-                            }),
-                            /*#__PURE__*/ _jsx(Text, {
-                                style: {
-                                    letterSpacing: 1,
-                                    fontWeight: 'bold'
-                                },
-                                children: hasDiscounts ? quotedPrices === null || quotedPrices === void 0 ? void 0 : quotedPrices.amountAfterTax.toFixed(2) : quotation.fees.amountAfterTax.toFixed(2)
-                            })
-                        ]
-                    })
-                ]
-            })
-        })
-    });
+                                    fontWeight: 'bold',
+                                }, children: t?.fees.dueToday.grandTotal }), _jsx(Text, { style: { letterSpacing: 1, fontWeight: 'bold' }, children: hasDiscounts
+                                    ? quotedPrices?.amountAfterTax.toFixed(2)
+                                    : quotation.fees.amountAfterTax.toFixed(2) })] })] }) }) }));
 };
 export default Pricing;
+//# sourceMappingURL=Pricing.js.map