@salla.sa/twilight-components 3.0.24 → 3.0.26

package/dist/components/salla-next-order-coupon.js

@@ -44,6 +44,13 @@ const SallaNextOrderCoupon$1 = /*@__PURE__*/ proxyCustomElement(class SallaNextO
         this.expiresTpl = Salla.lang.get('pages.thank_you.next_order_coupon_expires') || '';
     }
     async loadCoupons() {
+        // Store emits this marker only in edit-theme mode. An iframe alone is not
+        // sufficient: customer receipts embedded elsewhere must still use real coupons.
+        if (document.getElementById('theme-editor-script')) {
+            this.coupons = [{ code: 'PREVIEW15', type: 'P', amount: 15 }];
+            this.isLoading = false;
+            return;
+        }
         try {
             const response = await salla.api.request('coupons', { params: { type: 'thankyou' } });
             const raw = response?.data;

package/dist/components/salla-order-shipments.js

@@ -68,11 +68,7 @@ const SallaOrderShipments$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderS
         return this.fetchShipments();
     }
     readInitialShipments(value) {
-        // Shipment grouping and tracking stay behind the feature flag; without it only the items render.
-        if (!this.enabled) {
-            this.shipments = [];
-            return;
-        }
+        // Fulfillment visibility follows order data, not the store’s split-shipment capability.
         try {
             const parsed = typeof value === 'string' ? JSON.parse(value) : value;
             this.shipments = Array.isArray(parsed) ? parsed : [];
@@ -99,8 +95,6 @@ const SallaOrderShipments$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderS
     async fetchShipments() {
         // supersede whatever is in flight first — the guards below can bail out before run() would
         this.request.abort();
-        if (!this.enabled)
-            return;
         const orderId = this.orderId || salla.config.get('page.id');
         if (!orderId)
             return;
@@ -133,9 +127,6 @@ const SallaOrderShipments$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderS
     label(key, fallback) {
         return salla.lang.getWithDefault(key, fallback);
     }
-    get enabled() {
-        return salla.config.get('store.features', []).includes('thankyou-page-multi-shipments');
-    }
     get isSplit() {
         return this.shipments.length > 1;
     }

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

@@ -3,7 +3,7 @@
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const sallaOrderTotalsCardCss = "/*!twlt*/:host{display:block}.s-order-totals-card-wrapper{display:block}.s-order-totals-card-panel{border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:1.5rem;padding-right:1.5rem}.s-order-totals-card-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.s-order-totals-card-flow{display:flow-root}.s-order-totals-card-list{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-order-totals-card-list>.s-order-totals-card-row{border-bottom-width:1px}.s-order-totals-card-list>.s-order-totals-card-row:last-child{border-bottom-width:0px}.s-order-totals-card-row{display:block}.s-order-totals-card-row-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.25rem;padding-bottom:1.25rem}.s-order-totals-card-label{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-order-totals-card-value{font-weight:500}.s-order-totals-card-discount{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.s-order-totals-card-tax-value{font-weight:500;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-order-totals-card-total{margin-left:-1.5rem;margin-right:-1.5rem;border-radius:0.375rem;background-color:var(--color-border);padding-left:1.5rem;padding-right:1.5rem}.s-order-totals-card-total-label{font-size:1rem;line-height:1.5rem;font-weight:500}.s-order-totals-card-total-value{font-size:1rem;line-height:1.5rem;font-weight:500}.s-order-totals-card-refund{margin-left:-1.5rem;margin-right:-1.5rem;border-left-width:4px;--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));padding-left:1.5rem;padding-right:1.5rem}.s-order-totals-card-refund:where([dir=\"rtl\"],[dir=\"rtl\"] *){border-left-width:0px;border-right-width:4px}.s-order-totals-card-refund-label{display:flex;align-items:center;gap:0.5rem;--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.s-order-totals-card-refund-icon{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.s-order-totals-card-refund-value{font-weight:500;--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}";
+const sallaOrderTotalsCardCss = "/*!twlt*/:host{display:block}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-order-totals-card-wrapper{display:block}.s-order-totals-card-panel{border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:1.5rem;padding-right:1.5rem}.s-order-totals-card-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.s-order-totals-card-flow{display:flow-root}.s-order-totals-card-list{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-order-totals-card-list>.s-order-totals-card-row{border-bottom-width:1px}.s-order-totals-card-list>.s-order-totals-card-row:last-child{border-bottom-width:0px}.s-order-totals-card-row{display:block}.s-order-totals-card-row-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.25rem;padding-bottom:1.25rem}.s-order-totals-card-label{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-order-totals-card-value{font-weight:500}.s-order-totals-card-discount{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.s-order-totals-card-tax-value{font-weight:500;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-order-totals-card-total{margin-left:-1.5rem;margin-right:-1.5rem;border-radius:0.375rem;background-color:var(--color-border);padding-left:1.5rem;padding-right:1.5rem}.s-order-totals-card-total-label{font-size:1rem;line-height:1.5rem;font-weight:500}.s-order-totals-card-total-value{font-size:1rem;line-height:1.5rem;font-weight:500}.s-order-totals-card-refund{margin-left:-1.5rem;margin-right:-1.5rem;border-left-width:4px;--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));padding-left:1.5rem;padding-right:1.5rem}.s-order-totals-card-refund:where([dir=\"rtl\"],[dir=\"rtl\"] *){border-left-width:0px;border-right-width:4px}.s-order-totals-card-refund-label{display:flex;align-items:center;gap:0.5rem;--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.s-order-totals-card-refund-icon{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.s-order-totals-card-refund-value{font-weight:500;--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}";
 
 const SallaOrderTotalsCard$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderTotalsCard extends HTMLElement {
     constructor() {
@@ -44,6 +44,7 @@ const SallaOrderTotalsCard$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrder
             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,
@@ -67,7 +68,10 @@ const SallaOrderTotalsCard$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrder
     }
     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) {
@@ -84,9 +88,26 @@ const SallaOrderTotalsCard$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrder
     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) {
@@ -98,7 +119,7 @@ const SallaOrderTotalsCard$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrder
         // 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

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-11-03T05:50:40",
+  "timestamp": "2026-11-03T09:42:26",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.1",
@@ -5066,7 +5066,7 @@
       "filePath": "src/components/salla-conditional-offer/salla-conditional-offer.tsx",
       "encapsulation": "none",
       "tag": "salla-conditional-offer",
-      "readme": "# salla-conditional-offer\n\n\n",
+      "readme": "# salla-conditional-offer\n\n## Cart page markup contract (free product picker)\n\nAfter the shopper adds a free product from the picker, the component makes sure the new cart line shows without a manual refresh. Themes render cart lines on the server, so the component relies on this markup:\n\n- Each cart line is a `<form id=\"item-{cartItemId}\">`, where `{cartItemId}` is the cart item id the storefront API returns. Forms inside `.cart-options` are not treated as lines.\n- Line forms are in cart order: a new line is inserted before the next line the page already has, or after the last one.\n\nWhen a line the cart holds has no `form#item-{id}` on the page, the component fetches the current page again (`no-store`), takes the missing forms from it and inserts them. The inserted markup works like a loaded page (inline handlers, web components), but anything the theme's own script attached to lines at page load is not attached to the new ones.\n\nIf the page has no line forms at all, nothing happens. If the fetch fails or the fetched page lacks the line, the page reloads. So a theme with different markup still shows the gift, after a reload. A theme that reloads after every add (theme-raed does) never reaches this path.\n",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -31269,8 +31269,8 @@
       "path": "src/components/salla-order-shipments/interfaces.ts"
     },
     "src/components/salla-order-totals-card/interfaces.ts::Amounts": {
-      "declaration": "export interface Amounts {\n  sub_total?: Total;\n  shipping_cost?: Total;\n  cash_on_delivery?: Total;\n  tax?: AmountsTax;\n  discounts?: AmountsDiscount[];\n  total?: Total;\n  paid_amount?: Total;\n  remaining_amount?: Total;\n  refund_amount?: Total;\n}",
-      "docstring": "Amounts prop shape (from theme's Moneys interface)",
+      "declaration": "export interface Amounts {\n  sub_total?: Total;\n  shipping_cost?: Total;\n  cash_on_delivery?: Total;\n  tax?: AmountsTax;\n  discounts?: AmountsDiscount[];\n  service_fees?: ServiceFee[];\n  total?: Total;\n  paid_amount?: Total;\n  remaining_amount?: Total;\n  refund_amount?: Total;\n}",
+      "docstring": "Amounts prop shape (from theme's Moneys interface).",
       "path": "src/components/salla-order-totals-card/interfaces.ts"
     },
     "src/components/salla-orders/interface.ts::Order": {

package/dist/esm/{Helper-BwzPfwZJ.js → Helper-CFEqaSN-.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import './index-CtoXzf1y.js';
+import './index-g-_4am8C.js';
 
 var FilterOptionTypes;
 (function (FilterOptionTypes) {

package/dist/esm/{filepond-JNV-1zqR.js → filepond-BfW_OXid.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CtoXzf1y.js';
+import { d as getDefaultExportFromCjs } from './index-g-_4am8C.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-poster-nFqNHCag.js → filepond-plugin-file-poster-CsMiL-wZ.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CtoXzf1y.js';
+import { d as getDefaultExportFromCjs } from './index-g-_4am8C.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-size-P3KmOTH8.js → filepond-plugin-file-validate-size-BuxVUFKn.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CtoXzf1y.js';
+import { d as getDefaultExportFromCjs } from './index-g-_4am8C.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-type-BV0Ctr7U.js → filepond-plugin-file-validate-type-Dq94isoe.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CtoXzf1y.js';
+import { d as getDefaultExportFromCjs } from './index-g-_4am8C.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-edit-D62rKlfH.js → filepond-plugin-image-edit-CEVstXlA.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CtoXzf1y.js';
+import { d as getDefaultExportFromCjs } from './index-g-_4am8C.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-exif-orientation-DerapxIk.js → filepond-plugin-image-exif-orientation-BhViRs-X.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CtoXzf1y.js';
+import { d as getDefaultExportFromCjs } from './index-g-_4am8C.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-preview-BlRd2Ble.js → filepond-plugin-image-preview-BrscXNqJ.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CtoXzf1y.js';
+import { d as getDefaultExportFromCjs } from './index-g-_4am8C.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {