@salla.sa/twilight-components 3.0.25 → 3.0.27

package/dist/collection/components/salla-order-totals-card/salla-order-totals-card.js

@@ -37,6 +37,7 @@ export class SallaOrderTotalsCard {
             refund_amount: parsed.refund_amount,
             options: parsed.options,
             options_total: parsed.options_total,
+            service_fees: Array.isArray(parsed.service_fees) ? parsed.service_fees : undefined,
             tax: parsed.tax
                 ? {
                     percent: typeof parsed.tax.percent === 'string' ? parseFloat(parsed.tax.percent) : parsed.tax.percent,
@@ -60,7 +61,10 @@ export class SallaOrderTotalsCard {
     }
     setSummaryFromOrder(value) {
         try {
-            const parsedValue = typeof value === 'string' ? JSON.parse(value) : value;
+            const parsedValue = typeof value === 'string' ? JSON.parse(value) : { ...value };
+            if (!Array.isArray(parsedValue.service_fees)) {
+                delete parsedValue.service_fees;
+            }
             this.summary = parsedValue;
         }
         catch (error) {
@@ -77,9 +81,26 @@ export class SallaOrderTotalsCard {
     renderRefundRow(amount) {
         return (h("div", { class: "s-order-totals-card-row" }, h("div", { class: "s-order-totals-card-row-inner" }, h("dt", { class: "s-order-totals-card-refund-label" }, h("span", { class: "s-order-totals-card-refund-icon" }, h("i", { class: "sicon-info" })), h("span", null, " ", salla.lang.get('pages.orders.refund_amount'))), h("dd", { class: "s-order-totals-card-refund-value" }, h("b", { innerHTML: salla.money(amount) })))));
     }
-    /** Totals arrive either as a money object or a plain float, depending on the presenter. */
+    /* Totals arrive as a money object, plain number, or numeric string depending on the presenter. */
     toAmount(value) {
-        return (typeof value === 'number' ? value : value?.amount) || 0;
+        if (value === null || value === undefined)
+            return 0;
+        if (typeof value === 'number')
+            return Number.isFinite(value) ? value : 0;
+        if (typeof value === 'string')
+            return parseFloat(value) || 0;
+        return this.toAmount(value.amount);
+    }
+    isChargeableServiceFee(fee) {
+        return String(fee?.title ?? '').trim().length > 0 && this.toAmount(fee?.amount) > 0;
+    }
+    renderServiceFeeRows() {
+        const fees = this.summary?.service_fees;
+        if (!Array.isArray(fees))
+            return null;
+        return fees
+            .filter(fee => this.isChargeableServiceFee(fee))
+            .map(fee => this.renderTotalRow(String(fee.title).trim(), fee.amount));
     }
     render() {
         if (!this.summary) {
@@ -91,7 +112,7 @@ export class SallaOrderTotalsCard {
         // Independent of the refund: a partially refunded order can still owe a balance.
         const isPartiallyPaid = summary.has_remaining_amount ?? this.toAmount(summary.remaining_amount) > 0;
         return (h(Host, { class: "s-order-totals-card-wrapper" }, h("div", { class: "s-order-totals-card-panel" }, h("h2", { id: "summary-heading", class: "s-order-totals-card-heading" }, salla.lang.get('pages.orders.summary')), h("div", { class: "s-order-totals-card-flow" }, h("dl", { class: "s-order-totals-card-list" }, this.renderTotalRow(salla.lang.get('pages.cart.items_total'), summary.sub_total), hasOptions &&
-            this.renderTotalRow(salla.lang.get('pages.cart.order_options_total'), summary.options_total), summary.discounts && this.renderDiscountRow(), summary.cod_cost &&
+            this.renderTotalRow(salla.lang.get('pages.cart.order_options_total'), summary.options_total), this.renderServiceFeeRows(), summary.discounts && this.renderDiscountRow(), summary.cod_cost &&
             this.renderTotalRow(salla.lang.get('pages.orders.cod_cost'), summary.cod_cost, ''), summary.shipping_cost &&
             this.renderTotalRow(salla.lang.get('pages.orders.shipping_cost'), summary.shipping_cost, 's-order-totals-card-shipping'), summary.tax &&
             this.renderTotalRow(`${salla.lang.get('pages.cart.tax')} ${summary.tax.percent}%`, summary.tax.amount, ''), isPartiallyPaid && summary.paid_amount != null