@salla.sa/twilight-components 2.14.393 → 2.14.394

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

@@ -1,4 +1,291 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{transformTag as s,proxyCustomElement as a,HTMLElement as e,h as t,Host as l}from"@stencil/core/internal/client";import{d as i}from"./salla-booking-field2.js";import{d as o}from"./salla-button2.js";import{d as r}from"./salla-color-picker2.js";import{d}from"./salla-conditional-fields2.js";import{d as n}from"./salla-count-down2.js";import{d as c}from"./salla-datetime-picker2.js";import{d as m}from"./salla-file-upload2.js";import{d as p}from"./salla-loading2.js";import{d as h}from"./salla-map2.js";import{d as u}from"./salla-modal2.js";import{d as f}from"./salla-order-edit-item2.js";import{d as g}from"./salla-product-options2.js";import{d as b}from"./salla-progress-bar2.js";import{d as v}from"./salla-quantity-input2.js";const k=a(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.loading=!0,this.saveLoading=!1,this.payload={items:{update:[],remove:[]}},this.expired=!1,this.editPreview=null,this.confirming=!1}async componentWillLoad(){await salla.onReady(),this.loadFromProp(),this.startExpiryCheck()}disconnectedCallback(){clearInterval(this.expiryInterval)}startExpiryCheck(){const s=this.order?.customer_editing_session?.ends_at;if(!s)return;const a=()=>new Date(s.replace(" ","T")+"+03:00").getTime()<=Date.now();a()?this.expired=!0:this.expiryInterval=setInterval((()=>{a()&&(this.expired=!0,clearInterval(this.expiryInterval))}),1e3)}loadFromProp(){try{if(!this.orderData)return void(this.error=salla.lang.getWithDefault("pages.orders.order_not_found","الطلب غير موجود"));const s="string"==typeof this.orderData?JSON.parse(this.orderData):this.orderData;this.order=s}catch(s){this.error=salla.lang.getWithDefault("pages.orders.order_not_found","الطلب غير موجود")}finally{this.loading=!1}}handleItemUpdated(s){if(!this.order)return;const{itemId:a,quantity:e,options:t}=s.detail,l=this.payload.items.update.filter((s=>s.id!==a));l.push({id:a,quantity:e,options:t??[]}),this.payload={...this.payload,items:{...this.payload.items,update:l}},this.order={...this.order,items:this.order.items.map((s=>s.id===a?{...s,quantity:e}:s))}}handleItemRemoved(s){if(!this.order)return;if(this.order.items.length<=1)return void salla.notify.error(salla.lang.getWithDefault("pages.orders.order_cannot_be_empty","لا يمكن إزالة جميع المنتجات من الطلب"));const{itemId:a}=s.detail;this.payload={...this.payload,items:{update:this.payload.items.update.filter((s=>s.id!==a)),remove:[...this.payload.items.remove,a]}},this.order={...this.order,items:this.order.items.filter((s=>s.id!==a))}}get hasChanges(){return this.payload.items.update.length>0||this.payload.items.remove.length>0}async saveOrder(){if(this.hasChanges){this.saveLoading=!0;try{const s=await salla.order.api.editOrder(this.orderId,this.payload);this.editPreview=s?.data?.data||s?.data,await(this.saveModal?.open())}catch(s){const a=s?.response?.data?.error?.message||s?.response?.data?.message;a&&salla.notify.error(a)}finally{this.saveLoading=!1}}}navigateToOrder(){const s=new URL(window.location.href);s.pathname=s.pathname.replace(/\/edit\/?$/,""),s.search="",window.location.href=s.href}handleConfirm(){this.confirming=!0,this.editPreview?.payment?.required&&this.editPreview.payment.payment_url?window.location.href=this.editPreview.payment.payment_url:this.navigateToOrder()}cancel(){this.navigateToOrder()}renderSaveModal(){const s=this.editPreview,a=s?.totals?.remaining_amount?.amount>0,e=s?.totals?.refund_amount?.amount>0,l=s?.totals?.tax?.amount?.amount;return t("salla-modal",{ref:s=>this.saveModal=s,width:"md",onModalVisibilityChanged:s=>{s.detail||(this.editPreview=null,this.confirming||this.navigateToOrder(),this.confirming=!1)}},t("div",{class:"s-order-edit-modal"},t("h2",{class:"s-order-edit-modal-title"},salla.lang.getWithDefault("pages.orders.edit_summary_title","ملخص الطلب بعد التعديل")),s?.items?.length>0&&t("div",{class:"s-order-edit-modal-items"},s.items.map((s=>{const a=this.order?.items?.find((a=>a.id==s.id)),e=a?.product?.image?.url,l=s.options?.join("/ ");return t("div",{class:"s-order-edit-modal-item"},t("div",{class:"s-order-edit-modal-item-start"},e&&t("img",{src:e,alt:s.name,class:"s-order-edit-modal-item-image"}),t("div",null,t("p",{class:"s-order-edit-modal-item-name"},s.name),l&&t("span",{class:"s-order-edit-modal-item-options"},l))),t("div",{class:"s-order-edit-modal-item-end"},t("span",{class:"s-order-edit-modal-item-price",innerHTML:salla.money(s.price.amount)})))}))),s?.totals?.updated_products_total&&t("div",{class:"s-order-edit-modal-row"},t("span",{class:"s-order-edit-modal-row-label"},salla.lang.getWithDefault("pages.orders.modified_products_total","مجموع المنتجات المعدلة")),t("span",{class:"s-order-edit-modal-row-value",innerHTML:salla.money(s.totals.updated_products_total.amount)})),l>0&&t("div",{class:"s-order-edit-modal-row"},t("span",{class:"s-order-edit-modal-tax-label"},t("i",{class:"sicon-info-circle s-order-edit-modal-tax-icon"}),salla.lang.getWithDefault("pages.orders.vat","ضريبة القيمة المضافة")),t("span",{class:"s-order-edit-modal-row-value",innerHTML:salla.money(l)})),s?.totals?.total&&t("div",{class:"s-order-edit-modal-total"},t("span",{class:"s-order-edit-modal-total-label"},salla.lang.getWithDefault("pages.orders.order_total","اجمالي الطلب")),t("span",{class:"s-order-edit-modal-total-value",innerHTML:salla.money(s.totals.total.amount)})),e&&t("div",{class:"s-order-edit-modal-refund"},t("i",{class:"sicon-info-circle s-order-edit-modal-refund-icon"}),t("p",{class:"s-order-edit-modal-refund-text"},salla.lang.getWithDefault("pages.orders.refund_message","سيتم تحويل فارق المبلغ على نفس وسيلة الدفع"))),t("div",{class:"s-order-edit-modal-btn-wrapper"},t("salla-button",{onClick:()=>this.handleConfirm()},a?salla.lang.getWithDefault("pages.orders.pay_difference","دفع فارق المبلغ"):e?salla.lang.getWithDefault("pages.orders.confirm_and_receive_difference","تأكيد واستلام فارق المبلغ"):salla.lang.getWithDefault("pages.orders.confirm_changes","تأكيد التعديلات"),t("i",{class:"sicon-keyboard_arrow_left s-order-edit-modal-btn-icon"})))))}render(){if(this.loading)return t(l,null,t("salla-loading",null));if(this.expired)return t(l,null,t("div",{class:"s-order-edit-expired"},t("p",null,salla.lang.getWithDefault("pages.orders.edit_session_expired","انتهت مدة التعديل المتاحة")),t("salla-button",{onClick:()=>this.navigateToOrder()},salla.lang.getWithDefault("pages.orders.back_to_order","العودة إلى تفاصيل الطلب"))));if(this.error||!this.order)return t(l,null,t("div",{class:"no-content-placeholder"},t("i",{class:"sicon-shopping-bag icon"}),t("p",null,this.error)));const s=this.order.items&&this.order.items.length>0,a=this.order.customer_editing_session?.ends_at;return t(l,null,a&&t("div",{class:"s-order-edit-timer-wrapper"},t("salla-count-down",{prefixText:salla.lang.getWithDefault("pages.orders.edit_within","يمكنك التعديل خلال"),date:a,horizontal:!0,withButton:!0,autoSegments:!0,labeled:!1,size:"sm",color:"primary"})),t("div",{class:"s-order-edit-items-wrapper"},t("h2",{class:"s-order-edit-items-title"},salla.lang.getWithDefault("pages.orders.order_products","منتجات الطلب")),s?this.order.items.map(((s,a)=>[t("salla-order-edit-item",{key:s.id,item:s,orderId:this.orderId}),a<this.order.items.length-1?t("div",{class:"s-order-edit-items-divider"}):null])):t("div",{class:"no-content-placeholder"},t("i",{class:"sicon-shopping-bag icon"}),t("p",null,salla.lang.getWithDefault("common.elements.no_items","لا توجد عناصر")))),t("div",{class:"s-order-edit-actions"},t("salla-button",{onClick:()=>this.saveOrder(),loading:this.saveLoading,disabled:!this.hasChanges},salla.lang.getWithDefault("pages.orders.save_changes","حفظ التعديلات")),t("salla-button",{color:"gray",fill:"outline",onClick:()=>this.cancel()},salla.lang.getWithDefault("common.elements.cancel","الغاء"))),this.renderSaveModal())}get host(){return this}static get style(){return""}},[0,"salla-order-edit",{orderId:[8,"order-id"],orderData:[1,"order-data"],order:[32],loading:[32],error:[32],saveLoading:[32],payload:[32],expired:[32],editPreview:[32]},[[0,"orderItemUpdated","handleItemUpdated"],[0,"orderItemRemoved","handleItemRemoved"]]]);function w(){"undefined"!=typeof customElements&&["salla-order-edit","salla-booking-field","salla-button","salla-color-picker","salla-conditional-fields","salla-count-down","salla-datetime-picker","salla-file-upload","salla-loading","salla-map","salla-modal","salla-order-edit-item","salla-product-options","salla-progress-bar","salla-quantity-input"].forEach((a=>{switch(a){case"salla-order-edit":customElements.get(s(a))||customElements.define(s(a),k);break;case"salla-booking-field":customElements.get(s(a))||i();break;case"salla-button":customElements.get(s(a))||o();break;case"salla-color-picker":customElements.get(s(a))||r();break;case"salla-conditional-fields":customElements.get(s(a))||d();break;case"salla-count-down":customElements.get(s(a))||n();break;case"salla-datetime-picker":customElements.get(s(a))||c();break;case"salla-file-upload":customElements.get(s(a))||m();break;case"salla-loading":customElements.get(s(a))||p();break;case"salla-map":customElements.get(s(a))||h();break;case"salla-modal":customElements.get(s(a))||u();break;case"salla-order-edit-item":customElements.get(s(a))||f();break;case"salla-product-options":customElements.get(s(a))||g();break;case"salla-progress-bar":customElements.get(s(a))||b();break;case"salla-quantity-input":customElements.get(s(a))||v()}}))}w();const _=k,y=w;export{_ as SallaOrderEdit,y as defineCustomElement}
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$f } from './salla-booking-field2.js';
+import { d as defineCustomElement$e } from './salla-button2.js';
+import { d as defineCustomElement$d } from './salla-color-picker2.js';
+import { d as defineCustomElement$c } from './salla-conditional-fields2.js';
+import { d as defineCustomElement$b } from './salla-count-down2.js';
+import { d as defineCustomElement$a } from './salla-datetime-picker2.js';
+import { d as defineCustomElement$9 } from './salla-file-upload2.js';
+import { d as defineCustomElement$8 } from './salla-loading2.js';
+import { d as defineCustomElement$7 } from './salla-map2.js';
+import { d as defineCustomElement$6 } from './salla-modal2.js';
+import { d as defineCustomElement$5 } from './salla-order-edit-item2.js';
+import { d as defineCustomElement$4 } from './salla-product-options2.js';
+import { d as defineCustomElement$3 } from './salla-progress-bar2.js';
+import { d as defineCustomElement$2 } from './salla-quantity-input2.js';
+
+const sallaOrderEditCss = "";
+
+const SallaOrderEdit$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderEdit extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.loading = true;
+        this.saveLoading = false;
+        this.payload = { items: { update: [], remove: [] } };
+        this.expired = false;
+        this.editPreview = null;
+        this.confirming = false;
+    }
+    async componentWillLoad() {
+        await salla.onReady();
+        this.loadFromProp();
+        this.startExpiryCheck();
+    }
+    disconnectedCallback() {
+        clearInterval(this.expiryInterval);
+    }
+    startExpiryCheck() {
+        const endsAt = this.order?.customer_editing_session?.ends_at;
+        if (!endsAt)
+            return;
+        const isExpired = () => new Date(`${endsAt.replace(' ', 'T')}+03:00`).getTime() <= Date.now();
+        if (isExpired()) {
+            this.expired = true;
+            return;
+        }
+        this.expiryInterval = setInterval(() => {
+            if (isExpired()) {
+                this.expired = true;
+                clearInterval(this.expiryInterval);
+            }
+        }, 1000);
+    }
+    loadFromProp() {
+        try {
+            if (!this.orderData) {
+                this.error = salla.lang.getWithDefault('pages.orders.order_not_found', 'الطلب غير موجود');
+                return;
+            }
+            const data = typeof this.orderData === 'string' ? JSON.parse(this.orderData) : this.orderData;
+            this.order = data;
+        }
+        catch (e) {
+            this.error = salla.lang.getWithDefault('pages.orders.order_not_found', 'الطلب غير موجود');
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    handleItemUpdated(event) {
+        if (!this.order)
+            return;
+        const { itemId, quantity, options } = event.detail;
+        const updateList = this.payload.items.update.filter(u => u.id !== itemId);
+        const updateEntry = { id: itemId, quantity, options: options ?? [] };
+        updateList.push(updateEntry);
+        this.payload = {
+            ...this.payload,
+            items: { ...this.payload.items, update: updateList },
+        };
+        this.order = {
+            ...this.order,
+            items: this.order.items.map(item => item.id === itemId ? { ...item, quantity } : item),
+        };
+    }
+    handleItemRemoved(event) {
+        if (!this.order)
+            return;
+        if (this.order.items.length <= 1) {
+            salla.notify.error(salla.lang.getWithDefault('pages.orders.order_cannot_be_empty', 'لا يمكن إزالة جميع المنتجات من الطلب'));
+            return;
+        }
+        const { itemId } = event.detail;
+        this.payload = {
+            ...this.payload,
+            items: {
+                update: this.payload.items.update.filter(u => u.id !== itemId),
+                remove: [...this.payload.items.remove, itemId],
+            },
+        };
+        this.order = {
+            ...this.order,
+            items: this.order.items.filter(item => item.id !== itemId),
+        };
+    }
+    get hasChanges() {
+        return this.payload.items.update.length > 0 || this.payload.items.remove.length > 0;
+    }
+    async saveOrder() {
+        if (!this.hasChanges)
+            return;
+        this.saveLoading = true;
+        try {
+            const response = await salla.order.api.editOrder(this.orderId, this.payload);
+            this.editPreview = response?.data?.data || response?.data;
+            await this.saveModal?.open();
+        }
+        catch (error) {
+            const message = error?.response?.data?.error?.message || error?.response?.data?.message;
+            if (message) {
+                salla.notify.error(message);
+            }
+        }
+        finally {
+            this.saveLoading = false;
+        }
+    }
+    navigateToOrder() {
+        const url = new URL(window.location.href);
+        url.pathname = url.pathname.replace(/\/edit\/?$/, '');
+        url.search = '';
+        window.location.href = url.href;
+    }
+    handleConfirm() {
+        this.confirming = true;
+        if (this.editPreview?.payment?.required && this.editPreview.payment.payment_url) {
+            window.location.href = this.editPreview.payment.payment_url;
+        }
+        else {
+            this.navigateToOrder();
+        }
+    }
+    cancel() {
+        this.navigateToOrder();
+    }
+    renderSaveModal() {
+        const preview = this.editPreview;
+        const hasRemainingAmount = preview?.totals?.remaining_amount?.amount > 0;
+        const hasRefundAmount = preview?.totals?.refund_amount?.amount > 0;
+        const taxAmount = preview?.totals?.tax?.amount?.amount;
+        return (h("salla-modal", { ref: modal => (this.saveModal = modal), width: "md", onModalVisibilityChanged: (e) => {
+                if (!e.detail) {
+                    this.editPreview = null;
+                    if (!this.confirming) {
+                        this.navigateToOrder();
+                    }
+                    this.confirming = false;
+                }
+            } }, h("div", { class: "s-order-edit-modal" }, h("h2", { class: "s-order-edit-modal-title" }, salla.lang.getWithDefault('pages.orders.edit_summary_title', 'ملخص الطلب بعد التعديل')), preview?.items?.length > 0 && (h("div", { class: "s-order-edit-modal-items" }, preview.items.map(item => {
+            const orderItem = this.order?.items?.find(oi => oi.id == item.id);
+            const imageUrl = orderItem?.product?.image?.url;
+            const optionsLabel = item.options?.join('/ ');
+            return (h("div", { class: "s-order-edit-modal-item" }, h("div", { class: "s-order-edit-modal-item-start" }, imageUrl && (h("img", { src: imageUrl, alt: item.name, class: "s-order-edit-modal-item-image" })), h("div", null, h("p", { class: "s-order-edit-modal-item-name" }, item.name), optionsLabel && (h("span", { class: "s-order-edit-modal-item-options" }, optionsLabel)))), h("div", { class: "s-order-edit-modal-item-end" }, h("span", { class: "s-order-edit-modal-item-price", innerHTML: salla.money(item.price.amount) }))));
+        }))), preview?.totals?.updated_products_total && (h("div", { class: "s-order-edit-modal-row" }, h("span", { class: "s-order-edit-modal-row-label" }, salla.lang.getWithDefault('pages.orders.modified_products_total', 'مجموع المنتجات المعدلة')), h("span", { class: "s-order-edit-modal-row-value", innerHTML: salla.money(preview.totals.updated_products_total.amount) }))), taxAmount > 0 && (h("div", { class: "s-order-edit-modal-row" }, h("span", { class: "s-order-edit-modal-tax-label" }, h("i", { class: "sicon-info-circle s-order-edit-modal-tax-icon" }), salla.lang.getWithDefault('pages.orders.vat', 'ضريبة القيمة المضافة')), h("span", { class: "s-order-edit-modal-row-value", innerHTML: salla.money(taxAmount) }))), preview?.totals?.total && (h("div", { class: "s-order-edit-modal-total" }, h("span", { class: "s-order-edit-modal-total-label" }, salla.lang.getWithDefault('pages.orders.order_total', 'اجمالي الطلب')), h("span", { class: "s-order-edit-modal-total-value", innerHTML: salla.money(preview.totals.total.amount) }))), hasRefundAmount && (h("div", { class: "s-order-edit-modal-refund" }, h("i", { class: "sicon-info-circle s-order-edit-modal-refund-icon" }), h("p", { class: "s-order-edit-modal-refund-text" }, salla.lang.getWithDefault('pages.orders.refund_message', 'سيتم تحويل فارق المبلغ على نفس وسيلة الدفع')))), h("div", { class: "s-order-edit-modal-btn-wrapper" }, h("salla-button", { onClick: () => this.handleConfirm() }, hasRemainingAmount
+            ? salla.lang.getWithDefault('pages.orders.pay_difference', 'دفع فارق المبلغ')
+            : hasRefundAmount
+                ? salla.lang.getWithDefault('pages.orders.confirm_and_receive_difference', 'تأكيد واستلام فارق المبلغ')
+                : salla.lang.getWithDefault('pages.orders.confirm_changes', 'تأكيد التعديلات'), h("i", { class: "sicon-keyboard_arrow_left s-order-edit-modal-btn-icon" }))))));
+    }
+    render() {
+        if (this.loading) {
+            return (h(Host, null, h("salla-loading", null)));
+        }
+        if (this.expired) {
+            return (h(Host, null, h("div", { class: "s-order-edit-expired" }, h("p", null, salla.lang.getWithDefault('pages.orders.edit_session_expired', 'انتهت مدة التعديل المتاحة')), h("salla-button", { onClick: () => this.navigateToOrder() }, salla.lang.getWithDefault('pages.orders.back_to_order', 'العودة إلى تفاصيل الطلب')))));
+        }
+        if (this.error || !this.order) {
+            return (h(Host, null, h("div", { class: "no-content-placeholder" }, h("i", { class: "sicon-shopping-bag icon" }), h("p", null, this.error))));
+        }
+        const hasItems = this.order.items && this.order.items.length > 0;
+        const endsAt = this.order.customer_editing_session?.ends_at;
+        return (h(Host, null, endsAt && (h("div", { class: "s-order-edit-timer-wrapper" }, h("salla-count-down", { prefixText: salla.lang.getWithDefault('pages.orders.edit_within', 'يمكنك التعديل خلال'), date: endsAt, horizontal: true, withButton: true, autoSegments: true, labeled: false, size: "sm", color: "primary" }))), h("div", { class: "s-order-edit-items-wrapper" }, h("h2", { class: "s-order-edit-items-title" }, salla.lang.getWithDefault('pages.orders.order_products', 'منتجات الطلب')), hasItems ? (this.order.items.map((item, index) => [
+            h("salla-order-edit-item", { key: item.id, item: item, orderId: this.orderId }),
+            index < this.order.items.length - 1 ? (h("div", { class: "s-order-edit-items-divider" })) : null,
+        ])) : (h("div", { class: "no-content-placeholder" }, h("i", { class: "sicon-shopping-bag icon" }), h("p", null, salla.lang.getWithDefault('common.elements.no_items', 'لا توجد عناصر'))))), h("div", { class: "s-order-edit-actions" }, h("salla-button", { onClick: () => this.saveOrder(), loading: this.saveLoading, disabled: !this.hasChanges }, salla.lang.getWithDefault('pages.orders.save_changes', 'حفظ التعديلات')), h("salla-button", { color: "gray", fill: "outline", onClick: () => this.cancel() }, salla.lang.getWithDefault('common.elements.cancel', 'الغاء'))), this.renderSaveModal()));
+    }
+    get host() { return this; }
+    static get style() { return sallaOrderEditCss; }
+}, [0, "salla-order-edit", {
+        "orderId": [8, "order-id"],
+        "orderData": [1, "order-data"],
+        "order": [32],
+        "loading": [32],
+        "error": [32],
+        "saveLoading": [32],
+        "payload": [32],
+        "expired": [32],
+        "editPreview": [32]
+    }, [[0, "orderItemUpdated", "handleItemUpdated"], [0, "orderItemRemoved", "handleItemRemoved"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-order-edit", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-count-down", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal", "salla-order-edit-item", "salla-product-options", "salla-progress-bar", "salla-quantity-input"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-order-edit":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaOrderEdit$1);
+            }
+            break;
+        case "salla-booking-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "salla-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "salla-color-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "salla-conditional-fields":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "salla-count-down":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "salla-datetime-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "salla-file-upload":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "salla-loading":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "salla-map":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "salla-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "salla-order-edit-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "salla-product-options":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "salla-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "salla-quantity-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaOrderEdit = SallaOrderEdit$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaOrderEdit, defineCustomElement };

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

@@ -1,4 +1,135 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{transformTag as s,proxyCustomElement as t,HTMLElement as e,h as a}from"@stencil/core/internal/client";import{I as l}from"./check.js";import{d as c}from"./salla-button2.js";import{d as i}from"./salla-placeholder2.js";const o=t(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.codeCopied=null,this.noItemFound=!0,this.order_items=[],this.isDigitalCard=s=>"codes"===s.product.type,this.isDigitalProduct=s=>"digital"===s.product.type}async componentWillLoad(){return salla.lang.onLoaded((()=>{this.codes_text=salla.lang.get("pages.thank_you.codes"),this.copy_text=salla.lang.get("common.elements.copy"),this.files_text=salla.lang.get("pages.thank_you.files"),this.download_text=salla.lang.get("pages.thank_you.download")})),await this.getOrderItems()}copyToClipboardHandler(s){if(navigator&&"clipboard"in navigator)try{navigator.clipboard.writeText(s).then((()=>{this.codeCopied=s,this.copyCodeButtonTimeout=setTimeout((()=>{this.codeCopied=null}),3e3)}))}catch(s){salla.loggers.error("copy functionality is not supported by the browser")}}async getOrderItems(){const s=this.orderId||salla.config.get("page.id"),t="Failed to fetch order items";if(!s)throw salla.logger.error(t),Error(t);try{const{data:{items:t=[]}}=await salla.api.request("orders/"+s);t.some((s=>this.isDigitalCard(s)||this.isDigitalProduct(s)))&&(this.order_items=t,this.noItemFound=!1)}catch(s){salla.logger.error(t)}}disconnectedCallback(){this.copyCodeButtonTimeout&&clearTimeout(this.copyCodeButtonTimeout)}render(){return a("ul",{key:"bb16ccab71851d8853fae1b08b66c9c3bb590766",class:"s-order-summary-wrapper"},this.noItemFound?a("salla-placeholder",{alignment:"center"},a("span",{slot:"title"})):this.order_items.map((s=>this.isDigitalCard(s)?a("li",{key:s.product.id,class:"s-order-summary-item"},a("h2",{class:"s-order-summary-item-title"},this.codes_text," (",s.name,")"),s.codes.map((s=>a("div",{key:s.code,class:"s-order-summary-code-item-wrapper"},a("p",null,a("span",{innerHTML:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>debit-card-back</title>\n<path d="M30 28h-28c-1.105 0-2-0.895-2-2v0-18c0-1.105 0.895-2 2-2v0h28c1.105 0 2 0.895 2 2v0 18c0 1.105-0.895 2-2 2v0zM30 26v0zM2 8v18h28v-18zM31 14h-30c-0.552 0-1-0.448-1-1s0.448-1 1-1v0h30c0.552 0 1 0.448 1 1s-0.448 1-1 1v0zM11 22h-6c-0.552 0-1-0.448-1-1s0.448-1 1-1v0h6c0.552 0 1 0.448 1 1s-0.448 1-1 1v0zM24 24c-2.209 0-4-1.791-4-4s1.791-4 4-4c2.209 0 4 1.791 4 4v0c0 2.209-1.791 4-4 4v0zM24 18c-1.105 0-2 0.895-2 2s0.895 2 2 2c1.105 0 2-0.895 2-2v0c0-1.105-0.895-2-2-2v0zM20 24c-2.209 0-4-1.791-4-4s1.791-4 4-4v0c0.002 0 0.005 0 0.007 0 1.032 0 1.972 0.398 2.673 1.048l-0.003-0.002c0.191 0.183 0.311 0.439 0.311 0.724 0 0.552-0.448 1-1 1-0.257 0-0.492-0.097-0.669-0.257l0.001 0.001c-0.345-0.319-0.807-0.514-1.315-0.514-0.002 0-0.003 0-0.005 0h0c-1.105 0-2 0.895-2 2s0.895 2 2 2v0c0.002 0 0.004 0 0.007 0 0.508 0 0.971-0.195 1.317-0.515l-0.001 0.001c0.179-0.171 0.422-0.276 0.689-0.276 0.552 0 1 0.448 1 1 0 0.295-0.128 0.56-0.331 0.743l-0.001 0.001c-0.699 0.648-1.638 1.046-2.671 1.046-0.003 0-0.007 0-0.010 0h0.001z"></path>\n</svg>\n'}),a("span",null,s.code)),a("salla-button",{class:"s-order-summary-item-copy-button "+(this.codeCopied===s.code?"copied":""),onClick:()=>this.copyToClipboardHandler(s.code),shape:"link"},a("span",{innerHTML:this.codeCopied===s.code?l:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>swap-stroke</title>\n<path d="M6.667 18.667h-2.667c-0.736 0-1.333-0.597-1.333-1.333v-13.333c0-0.736 0.597-1.333 1.333-1.333h13.333c0.736 0 1.333 0.597 1.333 1.333v2.667c0 0.737 0.596 1.333 1.333 1.333s1.333-0.596 1.333-1.333v-2.667c0-2.205-1.795-4-4-4h-13.333c-2.205 0-4 1.795-4 4v13.333c0 2.205 1.795 4 4 4h2.667c0.737 0 1.333-0.596 1.333-1.333s-0.596-1.333-1.333-1.333zM28 10.667h-13.333c-2.205 0-4 1.795-4 4v13.333c0 2.205 1.795 4 4 4h13.333c2.205 0 4-1.795 4-4v-13.333c0-2.205-1.795-4-4-4zM29.333 28c0 0.736-0.597 1.333-1.333 1.333h-13.333c-0.736 0-1.333-0.597-1.333-1.333v-13.333c0-0.736 0.597-1.333 1.333-1.333h13.333c0.736 0 1.333 0.597 1.333 1.333z"></path>\n</svg>\n'}),a("span",null,this.copy_text)))))):this.isDigitalProduct(s)?a("li",{key:s.product.id,class:"s-order-summary-item"},a("h2",{class:"s-order-summary-item-title"},this.files_text," (",s.name,")"),a("ul",null,s.files.map((s=>a("li",{class:"s-order-summary-digital-item-wrapper"},a("div",null,a("span",{innerHTML:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>file-archive</title>\n<path d="M17.333 16h-5.333c-0.737 0-1.333 0.597-1.333 1.333v2.667c0 2.205 1.795 4 4 4s4-1.795 4-4v-2.667c0-0.736-0.596-1.333-1.333-1.333zM16 20c0 0.735-0.597 1.333-1.333 1.333s-1.333-0.599-1.333-1.333v-1.333h2.667zM17.333 12h-5.333c-0.737 0-1.333 0.597-1.333 1.333s0.596 1.333 1.333 1.333h5.333c0.737 0 1.333-0.597 1.333-1.333s-0.596-1.333-1.333-1.333zM28.943 8.391l-8-8c-0.249-0.251-0.588-0.391-0.943-0.391h-13.333c-2.205 0-4 1.795-4 4v24c0 2.205 1.795 4 4 4h18.667c2.205 0 4-1.795 4-4v-18.667c0-0.353-0.14-0.693-0.391-0.943zM26.667 28c0 0.735-0.597 1.333-1.333 1.333h-18.667c-0.736 0-1.333-0.599-1.333-1.333v-24c0-0.735 0.597-1.333 1.333-1.333h12.781l7.219 7.219zM17.333 8h-5.333c-0.737 0-1.333 0.597-1.333 1.333s0.596 1.333 1.333 1.333h5.333c0.737 0 1.333-0.597 1.333-1.333s-0.596-1.333-1.333-1.333zM17.333 4h-5.333c-0.737 0-1.333 0.597-1.333 1.333s0.596 1.333 1.333 1.333h5.333c0.737 0 1.333-0.597 1.333-1.333s-0.596-1.333-1.333-1.333z"></path>\n</svg>\n'}),a("span",null,s.name)),a("a",{href:s.url,target:"_blank",class:"s-order-summary-item-download"},a("span",{innerHTML:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>download</title>\n<path d="M15.056 20.941c0.123 0.124 0.271 0.221 0.435 0.289 0.163 0.067 0.336 0.103 0.509 0.103s0.347-0.036 0.509-0.103c0.164-0.068 0.311-0.165 0.435-0.289l5.332-5.332c0.521-0.521 0.521-1.364 0-1.885s-1.364-0.521-1.885 0l-3.057 3.057v-12.781c0-0.737-0.597-1.333-1.333-1.333s-1.333 0.596-1.333 1.333v12.781l-3.057-3.057c-0.521-0.521-1.364-0.521-1.885 0s-0.521 1.364 0 1.885zM25.333 26.667h-18.667c-0.736 0-1.333 0.596-1.333 1.333s0.597 1.333 1.333 1.333h18.667c0.736 0 1.333-0.596 1.333-1.333s-0.597-1.333-1.333-1.333z"></path>\n</svg>\n'}),a("span",null,this.download_text))))))):null)))}static get style(){return":host{display:block}"}},[0,"salla-order-summary",{orderId:[514,"order-id"],codeCopied:[32],noItemFound:[32],order_items:[32]}]);function n(){"undefined"!=typeof customElements&&["salla-order-summary","salla-button","salla-placeholder"].forEach((t=>{switch(t){case"salla-order-summary":customElements.get(s(t))||customElements.define(s(t),o);break;case"salla-button":customElements.get(s(t))||c();break;case"salla-placeholder":customElements.get(s(t))||i()}}))}n();const r=o,h=n;export{r as SallaOrderSummary,h as defineCustomElement}
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { I as IconVerified } from './check.js';
+import { d as defineCustomElement$3 } from './salla-button2.js';
+import { d as defineCustomElement$2 } from './salla-placeholder2.js';
+
+var iconFileArchive = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>file-archive</title>
+<path d="M17.333 16h-5.333c-0.737 0-1.333 0.597-1.333 1.333v2.667c0 2.205 1.795 4 4 4s4-1.795 4-4v-2.667c0-0.736-0.596-1.333-1.333-1.333zM16 20c0 0.735-0.597 1.333-1.333 1.333s-1.333-0.599-1.333-1.333v-1.333h2.667zM17.333 12h-5.333c-0.737 0-1.333 0.597-1.333 1.333s0.596 1.333 1.333 1.333h5.333c0.737 0 1.333-0.597 1.333-1.333s-0.596-1.333-1.333-1.333zM28.943 8.391l-8-8c-0.249-0.251-0.588-0.391-0.943-0.391h-13.333c-2.205 0-4 1.795-4 4v24c0 2.205 1.795 4 4 4h18.667c2.205 0 4-1.795 4-4v-18.667c0-0.353-0.14-0.693-0.391-0.943zM26.667 28c0 0.735-0.597 1.333-1.333 1.333h-18.667c-0.736 0-1.333-0.599-1.333-1.333v-24c0-0.735 0.597-1.333 1.333-1.333h12.781l7.219 7.219zM17.333 8h-5.333c-0.737 0-1.333 0.597-1.333 1.333s0.596 1.333 1.333 1.333h5.333c0.737 0 1.333-0.597 1.333-1.333s-0.596-1.333-1.333-1.333zM17.333 4h-5.333c-0.737 0-1.333 0.597-1.333 1.333s0.596 1.333 1.333 1.333h5.333c0.737 0 1.333-0.597 1.333-1.333s-0.596-1.333-1.333-1.333z"></path>
+</svg>
+`;
+
+var iconDownload = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>download</title>
+<path d="M15.056 20.941c0.123 0.124 0.271 0.221 0.435 0.289 0.163 0.067 0.336 0.103 0.509 0.103s0.347-0.036 0.509-0.103c0.164-0.068 0.311-0.165 0.435-0.289l5.332-5.332c0.521-0.521 0.521-1.364 0-1.885s-1.364-0.521-1.885 0l-3.057 3.057v-12.781c0-0.737-0.597-1.333-1.333-1.333s-1.333 0.596-1.333 1.333v12.781l-3.057-3.057c-0.521-0.521-1.364-0.521-1.885 0s-0.521 1.364 0 1.885zM25.333 26.667h-18.667c-0.736 0-1.333 0.596-1.333 1.333s0.597 1.333 1.333 1.333h18.667c0.736 0 1.333-0.596 1.333-1.333s-0.597-1.333-1.333-1.333z"></path>
+</svg>
+`;
+
+var iconCopy = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>swap-stroke</title>
+<path d="M6.667 18.667h-2.667c-0.736 0-1.333-0.597-1.333-1.333v-13.333c0-0.736 0.597-1.333 1.333-1.333h13.333c0.736 0 1.333 0.597 1.333 1.333v2.667c0 0.737 0.596 1.333 1.333 1.333s1.333-0.596 1.333-1.333v-2.667c0-2.205-1.795-4-4-4h-13.333c-2.205 0-4 1.795-4 4v13.333c0 2.205 1.795 4 4 4h2.667c0.737 0 1.333-0.596 1.333-1.333s-0.596-1.333-1.333-1.333zM28 10.667h-13.333c-2.205 0-4 1.795-4 4v13.333c0 2.205 1.795 4 4 4h13.333c2.205 0 4-1.795 4-4v-13.333c0-2.205-1.795-4-4-4zM29.333 28c0 0.736-0.597 1.333-1.333 1.333h-13.333c-0.736 0-1.333-0.597-1.333-1.333v-13.333c0-0.736 0.597-1.333 1.333-1.333h13.333c0.736 0 1.333 0.597 1.333 1.333z"></path>
+</svg>
+`;
+
+var iconCreditCard = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>debit-card-back</title>
+<path d="M30 28h-28c-1.105 0-2-0.895-2-2v0-18c0-1.105 0.895-2 2-2v0h28c1.105 0 2 0.895 2 2v0 18c0 1.105-0.895 2-2 2v0zM30 26v0zM2 8v18h28v-18zM31 14h-30c-0.552 0-1-0.448-1-1s0.448-1 1-1v0h30c0.552 0 1 0.448 1 1s-0.448 1-1 1v0zM11 22h-6c-0.552 0-1-0.448-1-1s0.448-1 1-1v0h6c0.552 0 1 0.448 1 1s-0.448 1-1 1v0zM24 24c-2.209 0-4-1.791-4-4s1.791-4 4-4c2.209 0 4 1.791 4 4v0c0 2.209-1.791 4-4 4v0zM24 18c-1.105 0-2 0.895-2 2s0.895 2 2 2c1.105 0 2-0.895 2-2v0c0-1.105-0.895-2-2-2v0zM20 24c-2.209 0-4-1.791-4-4s1.791-4 4-4v0c0.002 0 0.005 0 0.007 0 1.032 0 1.972 0.398 2.673 1.048l-0.003-0.002c0.191 0.183 0.311 0.439 0.311 0.724 0 0.552-0.448 1-1 1-0.257 0-0.492-0.097-0.669-0.257l0.001 0.001c-0.345-0.319-0.807-0.514-1.315-0.514-0.002 0-0.003 0-0.005 0h0c-1.105 0-2 0.895-2 2s0.895 2 2 2v0c0.002 0 0.004 0 0.007 0 0.508 0 0.971-0.195 1.317-0.515l-0.001 0.001c0.179-0.171 0.422-0.276 0.689-0.276 0.552 0 1 0.448 1 1 0 0.295-0.128 0.56-0.331 0.743l-0.001 0.001c-0.699 0.648-1.638 1.046-2.671 1.046-0.003 0-0.007 0-0.010 0h0.001z"></path>
+</svg>
+`;
+
+const sallaOrderSummaryCss = ":host{display:block}";
+
+const SallaOrderSummary$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderSummary extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.codeCopied = null;
+        this.noItemFound = true;
+        this.order_items = [];
+        this.isDigitalCard = (item) => item.product.type === 'codes';
+        this.isDigitalProduct = (item) => item.product.type === 'digital';
+    }
+    async componentWillLoad() {
+        salla.lang.onLoaded(() => {
+            this.codes_text = salla.lang.get('pages.thank_you.codes');
+            this.copy_text = salla.lang.get('common.elements.copy');
+            this.files_text = salla.lang.get('pages.thank_you.files');
+            this.download_text = salla.lang.get('pages.thank_you.download');
+        });
+        return await this.getOrderItems();
+    }
+    copyToClipboardHandler(code) {
+        if (navigator && 'clipboard' in navigator) {
+            try {
+                navigator.clipboard.writeText(code).then(() => {
+                    this.codeCopied = code;
+                    this.copyCodeButtonTimeout = setTimeout(() => {
+                        this.codeCopied = null;
+                    }, 3000);
+                });
+            }
+            catch (error) {
+                salla.loggers.error('copy functionality is not supported by the browser');
+            }
+        }
+    }
+    async getOrderItems() {
+        const orderId = this.orderId || salla.config.get('page.id');
+        const errorMessage = "Failed to fetch order items";
+        if (!orderId) {
+            salla.logger.error(errorMessage);
+            throw new Error(errorMessage);
+        }
+        try {
+            const { data: { items = [] } } = await salla.api.request(`orders/${orderId}`);
+            const validItems = items.some((item) => (this.isDigitalCard(item) || this.isDigitalProduct(item)));
+            if (validItems) {
+                this.order_items = items;
+                this.noItemFound = false;
+            }
+        }
+        catch (error) {
+            salla.logger.error(errorMessage);
+        }
+    }
+    disconnectedCallback() {
+        this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
+    }
+    render() {
+        return (h("ul", { key: 'bb16ccab71851d8853fae1b08b66c9c3bb590766', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
+            this.order_items.map((item) => (this.isDigitalCard(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.codes_text, " (", item.name, ")"), item.codes.map((code) => (h("div", { key: code.code, class: "s-order-summary-code-item-wrapper" }, h("p", null, h("span", { innerHTML: iconCreditCard }), h("span", null, code.code)), h("salla-button", { class: `s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`, onClick: () => this.copyToClipboardHandler(code.code), shape: "link" }, h("span", { innerHTML: this.codeCopied === code.code ? IconVerified : iconCopy }), h("span", null, this.copy_text))))))) :
+                this.isDigitalProduct(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.files_text, " (", item.name, ")"), h("ul", null, item.files.map((file) => (h("li", { class: "s-order-summary-digital-item-wrapper" }, h("div", null, h("span", { innerHTML: iconFileArchive }), h("span", null, file.name)), h("a", { href: file.url, target: "_blank", class: "s-order-summary-item-download" }, h("span", { innerHTML: iconDownload }), h("span", null, this.download_text)))))))) : null))));
+    }
+    static get style() { return sallaOrderSummaryCss; }
+}, [0, "salla-order-summary", {
+        "orderId": [514, "order-id"],
+        "codeCopied": [32],
+        "noItemFound": [32],
+        "order_items": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-order-summary", "salla-button", "salla-placeholder"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-order-summary":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaOrderSummary$1);
+            }
+            break;
+        case "salla-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "salla-placeholder":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaOrderSummary = SallaOrderSummary$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaOrderSummary, defineCustomElement };

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

@@ -1,4 +1,90 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{transformTag as s,proxyCustomElement as a,HTMLElement as r,h as t,Host as l}from"@stencil/core/internal/client";const e=a(class extends r{constructor(s){super(),!1!==s&&this.__registerHost()}handleOrderChange(s){s?this.setSummaryFromProp(s):this.summary=void 0}async componentWillLoad(){await Salla.onReady(),this.order&&this.setSummaryFromProp(this.order)}setSummaryFromProp(s){try{const a="string"==typeof s?JSON.parse(s):s;this.summary=a}catch(s){salla.logger.error("Failed to parse order summary data",s),this.summary=void 0}}renderTotalRow(s,a,r,l,e){return t("div",{class:"s-order-totals-card-row"},t("div",{class:"s-order-totals-card-row-inner"},t("dt",{class:r||"s-order-totals-card-label"},s),t("dd",{class:l||"s-order-totals-card-value"},t(e?"b":"span",{innerHTML:salla.money(a)}))))}renderDiscountRow(){return this.summary?.discounts?.map((s=>t("div",{class:"s-order-totals-card-row",key:s.name},t("div",{class:"s-order-totals-card-row-inner"},t("dt",{class:"s-order-totals-card-discount"},s.name),t("dd",{class:"s-order-totals-card-value"},s.discount)))))}renderRefundRow(s){return t("div",{class:"s-order-totals-card-row"},t("div",{class:"s-order-totals-card-row-inner"},t("dt",{class:"s-order-totals-card-refund-label"},t("span",{class:"s-order-totals-card-refund-icon"},t("i",{class:"sicon-info"})),t("span",null," ",salla.lang.get("pages.orders.refund_amount"))),t("dd",{class:"s-order-totals-card-refund-value"},t("b",{innerHTML:salla.money(s)}))))}render(){if(!this.summary)return t(l,{class:"s-order-totals-card-wrapper"});const{summary:s}=this,a=!!Array.isArray(s.options)&&s.options.length>0;return t(l,{class:"s-order-totals-card-wrapper"},t("div",{class:"s-order-totals-card-panel"},t("h2",{id:"summary-heading",class:"s-order-totals-card-heading"},salla.lang.get("pages.orders.summary")),t("div",{class:"s-order-totals-card-flow"},t("dl",{class:"s-order-totals-card-list"},this.renderTotalRow(salla.lang.get("pages.cart.items_total"),s.sub_total),a&&this.renderTotalRow(salla.lang.get("pages.cart.order_options_total"),s.options_total),s.discounts&&this.renderDiscountRow(),s.cod_cost&&this.renderTotalRow(salla.lang.get("pages.orders.cod_cost"),s.cod_cost,""),s.shipping_cost&&this.renderTotalRow(salla.lang.get("pages.orders.shipping_cost"),s.shipping_cost,"s-order-totals-card-shipping"),s.tax&&this.renderTotalRow(`${salla.lang.get("pages.cart.tax")} ${s.tax.percent}%`,s.tax.amount,""),s.paid_amount?this.renderTotalRow(salla.lang.get("pages.orders.partially_paid"),s.paid_amount,""):null,s.remaining_amount?this.renderTotalRow(salla.lang.get("pages.orders.remaining_amount"),s.remaining_amount,""):null,t("div",{class:"s-order-totals-card-total"},this.renderTotalRow(salla.lang.get("pages.orders.final_total"),s.total,"s-order-totals-card-total-label","s-order-totals-card-total-value",!0)),s.refund_amount?t("div",{class:"s-order-totals-card-refund"},this.renderRefundRow(s.refund_amount)):null))))}static get watchers(){return{order:[{handleOrderChange:0}]}}static get style(){return":host{display:block}"}},[0,"salla-order-totals-card",{order:[1],summary:[32]},void 0,{order:[{handleOrderChange:0}]}]);function o(){"undefined"!=typeof customElements&&["salla-order-totals-card"].forEach((a=>{"salla-order-totals-card"===a&&(customElements.get(s(a))||customElements.define(s(a),e))}))}o();const d=e,c=o;export{d as SallaOrderTotalsCard,c as defineCustomElement}
+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 Salla.onReady();
+        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) }))))));
+    }
+    renderDiscountRow() {
+        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)))));
+    }
+    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) })))));
+    }
+    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.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, ''), 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)), summary.refund_amount ? (h("div", { class: "s-order-totals-card-refund" }, this.renderRefundRow(summary.refund_amount))) : null)))));
+    }
+    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 };