@driveflux/pdf 4.0.77 → 5.0.0-feature-e-invoicing.0

package/dist/templates/QuotationPdf/Pricing.js

@@ -1,723 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-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 Pricing(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;
-    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;
-                }
-            }
-        } catch (err) {
-            _didIteratorError = true;
-            _iteratorError = err;
-        } finally{
-            try {
-                if (!_iteratorNormalCompletion && _iterator.return != null) {
-                    _iterator.return();
-                }
-            } finally{
-                if (_didIteratorError) {
-                    throw _iteratorError;
-                }
-            }
-        }
-    } 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;
-                }
-            }
-        } catch (err) {
-            _didIteratorError1 = true;
-            _iteratorError1 = err;
-        } finally{
-            try {
-                if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
-                    _iterator1.return();
-                }
-            } finally{
-                if (_didIteratorError1) {
-                    throw _iteratorError1;
-                }
-            }
-        }
-    }
-    if (quotation.couponCode) {
-        if (couponType === 'upfront') {
-            totalUpfrontFee -= discountAmount || 0;
-        } else if (couponType === 'monthly') {
-            totalMonthlyFee -= discountAmount || 0;
-        }
-    }
-    var serviceMonthlyFee = totalMonthlyFee * taxRate;
-    var serviceUpfrontFee = (totalUpfrontFee * taxRate).toFixed(2);
-    var getFeeValue = function getFeeValue(key) {
-        switch(key){
-            case 'reservationFee':
-                return reservationFee;
-            case 'deposit':
-                return deposit;
-            case 'subscriptionFee':
-                return subscriptionFee;
-            default:
-                return null;
-        }
-    };
-    var getQuotedFeeValue = function getQuotedFeeValue(key) {
-        switch(key){
-            case 'deposit':
-                return quotedPrices === null || quotedPrices === void 0 ? void 0 : quotedPrices.deposit;
-            case 'subscriptionFee':
-                return quotedPrices === null || quotedPrices === void 0 ? void 0 : quotedPrices.subscriptionFee;
-            case 'reservationFee':
-                return reservationFee;
-            default:
-                return null;
-        }
-    };
-    var upfrontTotalDiscount = function upfrontTotalDiscount() {
-        var _quotedPrices_extraCharges;
-        // Calculate base fees total (deposit)
-        var originalBaseTotal = deposit;
-        var quotedBaseTotal = (quotedPrices === null || quotedPrices === void 0 ? void 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);
-        // 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;
-        // Calculate total discount (original - quoted)
-        var totalDiscount = originalTotal - quotedTotal;
-        return totalDiscount;
-    };
-    return /*#__PURE__*/ _jsx(View, {
-        children: /*#__PURE__*/ _jsx(SectionBoxNew, {
-            topContent: /*#__PURE__*/ _jsxs(_Fragment, {
-                children: [
-                    /*#__PURE__*/ _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',
-                            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 _ref;
-                        var _getFeeValue, _getQuotedFeeValue;
-                        var feeValue = (_getFeeValue = getFeeValue(fee.key)) === null || _getFeeValue === void 0 ? void 0 : _getFeeValue.toFixed(2);
-                        var quotedFeeValue = (_ref = (_getQuotedFeeValue = getQuotedFeeValue(fee.key)) === null || _getQuotedFeeValue === void 0 ? void 0 : _getQuotedFeeValue.toFixed(2)) !== null && _ref !== void 0 ? _ref : undefined;
-                        if (feeValue === '0.00') {
-                            return null;
-                        }
-                        return /*#__PURE__*/ _jsxs(View, {
-                            style: {
-                                justifyContent: 'space-between',
-                                flexDirection: 'row',
-                                rowGap: 8
-                            },
-                            children: [
-                                /*#__PURE__*/ _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: {
-                                        justifyContent: 'flex-end',
-                                        flexDirection: 'row'
-                                    },
-                                    children: [
-                                        /*#__PURE__*/ _jsx(Text, {
-                                            style: {
-                                                color: colors.primary2,
-                                                letterSpacing: 1,
-                                                textDecoration: 'line-through',
-                                                marginRight: 4
-                                            },
-                                            children: feeValue !== null ? feeValue : ''
-                                        }),
-                                        /*#__PURE__*/ _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 : ''
-                                }) : // When no discounts or it's a reservation fee
-                                /*#__PURE__*/ _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: {
-                                justifyContent: 'space-between',
-                                flexDirection: 'row',
-                                rowGap: 8
-                            },
-                            children: [
-                                /*#__PURE__*/ _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);
-                                    // Only show strikethrough if amounts are different
-                                    return originalAmount !== quotedAmount ? /*#__PURE__*/ _jsxs(View, {
-                                        style: {
-                                            justifyContent: 'flex-end',
-                                            flexDirection: 'row'
-                                        },
-                                        children: [
-                                            /*#__PURE__*/ _jsx(Text, {
-                                                style: {
-                                                    color: colors.primary2,
-                                                    letterSpacing: 1,
-                                                    textDecoration: 'line-through',
-                                                    marginRight: 4
-                                                },
-                                                children: originalAmount
-                                            }),
-                                            /*#__PURE__*/ _jsx(Text, {
-                                                style: {
-                                                    color: colors.primary3,
-                                                    letterSpacing: 1
-                                                },
-                                                children: quotedAmount
-                                            })
-                                        ]
-                                    }) : // When amounts are the same, show single value
-                                    /*#__PURE__*/ _jsx(Text, {
-                                        style: {
-                                            color: colors.primary3,
-                                            letterSpacing: 1
-                                        },
-                                        children: originalAmount
-                                    });
-                                }() : /*#__PURE__*/ _jsx(Text, {
-                                    style: {
-                                        color: colors.primary3,
-                                        letterSpacing: 1
-                                    },
-                                    children: charge.amount.toFixed(2)
-                                })
-                            ]
-                        }, i);
-                    }),
-                    quotation.couponCode !== null && couponType === 'upfront' && /*#__PURE__*/ _jsxs(View, {
-                        style: {
-                            justifyContent: 'space-between',
-                            flexDirection: 'row',
-                            rowGap: 8
-                        },
-                        children: [
-                            /*#__PURE__*/ _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.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: {
-                            justifyContent: 'space-between',
-                            flexDirection: 'row',
-                            rowGap: 8
-                        },
-                        children: [
-                            /*#__PURE__*/ _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: {
-                                    color: colors.success4,
-                                    fontWeight: 'bold',
-                                    letterSpacing: 1
-                                },
-                                children: [
-                                    "- ",
-                                    upfrontTotalDiscount()
-                                ]
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsxs(View, {
-                        style: {
-                            justifyContent: 'space-between',
-                            flexDirection: 'row',
-                            rowGap: 8
-                        },
-                        children: [
-                            /*#__PURE__*/ _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: {
-                            backgroundColor: colors.primary1,
-                            borderTop: "1px solid ".concat(colors.primary1),
-                            justifyContent: 'space-between',
-                            flexDirection: 'row',
-                            padding: 4
-                        },
-                        children: [
-                            /*#__PURE__*/ _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: {
-                                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: {
-                            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 _ref;
-                        var _getFeeValue, _getQuotedFeeValue;
-                        var feeValue = (_getFeeValue = getFeeValue(fee.key)) === null || _getFeeValue === void 0 ? void 0 : _getFeeValue.toFixed(2);
-                        var quotedFeeValue = (_ref = (_getQuotedFeeValue = getQuotedFeeValue(fee.key)) === null || _getQuotedFeeValue === void 0 ? void 0 : _getQuotedFeeValue.toFixed(2)) !== null && _ref !== void 0 ? _ref : undefined;
-                        if (feeValue === '0.00') {
-                            return null;
-                        }
-                        return /*#__PURE__*/ _jsxs(View, {
-                            style: {
-                                justifyContent: 'space-between',
-                                flexDirection: 'row',
-                                rowGap: 8
-                            },
-                            children: [
-                                /*#__PURE__*/ _jsx(Text, {
-                                    style: {
-                                        paddingRight: 4,
-                                        letterSpacing: 1,
-                                        color: colors.primary3
-                                    },
-                                    children: fee.title
-                                }),
-                                hasDiscounts ? feeValue !== quotedFeeValue ? /*#__PURE__*/ _jsxs(View, {
-                                    style: {
-                                        justifyContent: 'flex-end',
-                                        flexDirection: 'row'
-                                    },
-                                    children: [
-                                        /*#__PURE__*/ _jsx(Text, {
-                                            style: {
-                                                color: colors.primary2,
-                                                letterSpacing: 1,
-                                                textDecoration: 'line-through',
-                                                marginRight: 4
-                                            },
-                                            children: feeValue !== null ? feeValue : ''
-                                        }),
-                                        /*#__PURE__*/ _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: {
-                                        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: {
-                                justifyContent: 'space-between',
-                                flexDirection: 'row',
-                                rowGap: 8
-                            },
-                            children: [
-                                /*#__PURE__*/ _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);
-                                    // Only show strikethrough if amounts are different
-                                    return originalAmount !== quotedAmount ? /*#__PURE__*/ _jsxs(View, {
-                                        style: {
-                                            justifyContent: 'flex-end',
-                                            flexDirection: 'row'
-                                        },
-                                        children: [
-                                            /*#__PURE__*/ _jsx(Text, {
-                                                style: {
-                                                    color: colors.primary2,
-                                                    letterSpacing: 1,
-                                                    textDecoration: 'line-through',
-                                                    marginRight: 4
-                                                },
-                                                children: originalAmount
-                                            }),
-                                            /*#__PURE__*/ _jsx(Text, {
-                                                style: {
-                                                    color: colors.primary3,
-                                                    letterSpacing: 1
-                                                },
-                                                children: quotedAmount
-                                            })
-                                        ]
-                                    }) : // When amounts are the same, show single value
-                                    /*#__PURE__*/ _jsx(Text, {
-                                        style: {
-                                            color: colors.primary3,
-                                            letterSpacing: 1
-                                        },
-                                        children: originalAmount
-                                    });
-                                }() : /*#__PURE__*/ _jsx(Text, {
-                                    style: {
-                                        color: colors.primary3,
-                                        letterSpacing: 1
-                                    },
-                                    children: charge.amount.toFixed(2)
-                                })
-                            ]
-                        }, charge.description);
-                    }),
-                    quotation.couponCode !== null && couponType === 'monthly' && /*#__PURE__*/ _jsxs(View, {
-                        style: {
-                            justifyContent: 'space-between',
-                            flexDirection: 'row',
-                            rowGap: 8
-                        },
-                        children: [
-                            /*#__PURE__*/ _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.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: {
-                            justifyContent: 'space-between',
-                            flexDirection: 'row',
-                            rowGap: 8
-                        },
-                        children: [
-                            /*#__PURE__*/ _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: {
-                            backgroundColor: colors.primary1,
-                            borderTop: "1px solid ".concat(colors.primary1),
-                            justifyContent: 'space-between',
-                            flexDirection: 'row',
-                            padding: 4
-                        },
-                        children: [
-                            /*#__PURE__*/ _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: {
-                            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: {
-                            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: {
-                            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: {
-                            backgroundColor: colors.primary1,
-                            borderTop: "1px solid ".concat(colors.primary1),
-                            justifyContent: 'space-between',
-                            flexDirection: 'row',
-                            padding: 4
-                        },
-                        children: [
-                            /*#__PURE__*/ _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)
-                            })
-                        ]
-                    })
-                ]
-            })
-        })
-    });
-};
-export default Pricing;