@salla.sa/twilight-components 2.14.280 → 2.14.281

package/dist/components/salla-order-totals-card.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SallaOrderTotalsCard extends Components.SallaOrderTotalsCard, HTMLElement {}
+export const SallaOrderTotalsCard: {
+    prototype: SallaOrderTotalsCard;
+    new (): SallaOrderTotalsCard;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,85 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const sallaOrderTotalsCardCss = ":host{display:block}";
+
+const SallaOrderTotalsCard$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderTotalsCard extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    handleOrderChange(newValue) {
+        if (newValue) {
+            this.setSummaryFromProp(newValue);
+        }
+        else {
+            this.summary = undefined;
+        }
+    }
+    async componentWillLoad() {
+        await new Promise(resolve => salla.onReady(resolve));
+        if (this.order) {
+            this.setSummaryFromProp(this.order);
+        }
+    }
+    setSummaryFromProp(value) {
+        try {
+            const parsedValue = typeof value === 'string' ? JSON.parse(value) : value;
+            this.summary = parsedValue;
+        }
+        catch (error) {
+            salla.logger.error('Failed to parse order summary data', error);
+            this.summary = undefined;
+        }
+    }
+    renderTotalRow(label, amount, labelClass, valueClass, isBold) {
+        return (h("div", { class: "s-order-totals-card-row" }, h("div", { class: "s-order-totals-card-row-inner" }, h("dt", { class: labelClass || 's-order-totals-card-label' }, label), h("dd", { class: valueClass || 's-order-totals-card-value' }, isBold ? (h("b", { innerHTML: salla.money(amount) })) : (h("span", { innerHTML: salla.money(amount) }))))));
+    }
+    renderDsicountRow() {
+        return (this.summary?.discounts?.map(discount => (h("div", { class: "s-order-totals-card-row", key: discount.name }, h("div", { class: "s-order-totals-card-row-inner" }, h("dt", { class: "s-order-totals-card-discount" }, discount.name), h("dd", { class: "s-order-totals-card-value" }, discount.discount))))));
+    }
+    render() {
+        if (!this.summary) {
+            return h(Host, { class: "s-order-totals-card-wrapper" });
+        }
+        const { summary } = this;
+        const hasOptions = Array.isArray(summary.options) ? summary.options.length > 0 : false;
+        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.renderDsicountRow(), 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, ''), summary.paid_amount ?
+            this.renderTotalRow(salla.lang.get('pages.orders.partially_paid'), summary.paid_amount, '') : null, summary.remaining_amount ?
+            this.renderTotalRow(salla.lang.get('pages.orders.remaining_amount'), summary.remaining_amount, '') : null, h("div", { class: "s-order-totals-card-total" }, this.renderTotalRow(salla.lang.get('pages.orders.final_total'), summary.total, 's-order-totals-card-total-label', 's-order-totals-card-total-value', true)))))));
+    }
+    static get watchers() { return {
+        "order": ["handleOrderChange"]
+    }; }
+    static get style() { return sallaOrderTotalsCardCss; }
+}, [0, "salla-order-totals-card", {
+        "order": [1],
+        "summary": [32]
+    }, undefined, {
+        "order": ["handleOrderChange"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-order-totals-card"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-order-totals-card":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaOrderTotalsCard$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaOrderTotalsCard = SallaOrderTotalsCard$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaOrderTotalsCard, defineCustomElement };

package/dist/esm/{filepond-CHhEQZvc.js → filepond-dFr7ZRIh.js}

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

package/dist/esm/{filepond-plugin-file-poster-DSVBWkBJ.js → filepond-plugin-file-poster-C2Eh6onX.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-Dqp8uxWB.js → filepond-plugin-file-validate-size-BFFKQeVo.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-RevWYrSI.js → filepond-plugin-file-validate-type-BMcEx2wx.js}

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

package/dist/esm/{filepond-plugin-image-edit-vBD-HioG.js → filepond-plugin-image-edit-DBTi520I.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-Bq-ObUI7.js → filepond-plugin-image-exif-orientation-BFi09BBP.js}

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

package/dist/esm/{filepond-plugin-image-preview-53CJeVvz.js → filepond-plugin-image-preview-CKBNBlwg.js}

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

package/dist/esm/{index-BDdB7Hhe.js → index-BI9_XUHd.js}

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