@salla.sa/twilight-components 2.11.95 → 2.11.96

package/dist/esm/salla-add-product-button_40.entry.js

@@ -66,7 +66,7 @@ const SallaAddProductButton = class {
      */
     const data = Object.entries({
       id: this.productId,
-      donating_amount: this.donatingAmount,
+      donation_amount: this.donatingAmount,
       quantity: this.quantity,
       endpoint: 'quickAdd'
     }).reduce((a, [k, v]) => (v ? (a[k] = v, a) : a), {});
@@ -23699,12 +23699,15 @@ const SallaProductCard = class {
       h("p", { class: "s-product-card-content-subtitle" }, (_t = this.productData) === null || _t === void 0 ? void 0 : _t.subtitle)
       : ''), ((_u = this.productData) === null || _u === void 0 ? void 0 : _u.is_donation) && !this.minimal && !this.fullImage ?
       [h("salla-progress-bar", { donation: (_v = this.productData) === null || _v === void 0 ? void 0 : _v.donation }), h("div", { class: "s-product-card-donation-input" }, ((_w = this.productData) === null || _w === void 0 ? void 0 : _w.can_donate) ?
-          [h("label", { htmlFor: "donation-amount" }, this.donationAmount, " ", h("span", null, "*")), h("input", { type: "text", "data-digits": true, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
+          [h("label", { htmlFor: "donation-amount" }, this.donationAmount, " ", h("span", null, "*")), h("input", { type: "text", onInput: e => {
+                salla.helpers.inputDigitsOnly(e.target);
+                this.addBtn.donatingAmount = e.target.value;
+              }, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
           : '')]
       : '', h("div", { class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice()), this.isSpecial && this.productData.discount_ends
       ? h("salla-count-down", { date: this.formatDate(this.productData.discount_ends), "end-of-day": true, boxed: true, labeled: true })
       : '', !this.hideAddBtn ?
-      h("div", { class: "s-product-card-content-footer" }, h("salla-add-product-button", { fill: "outline", width: "wide", "product-id": this.productData.id, "product-status": this.productData.status, "product-type": this.productData.type }, h("slot", { name: "add-to-cart-label" }, this.productData.add_to_cart_label)), this.horizontal || this.fullImage ?
+      h("div", { class: "s-product-card-content-footer" }, h("salla-add-product-button", { fill: "outline", width: "wide", ref: el => this.addBtn = el, "product-id": this.productData.id, "product-status": this.productData.status, "product-type": this.productData.type }, h("slot", { name: "add-to-cart-label" }, this.productData.add_to_cart_label)), this.horizontal || this.fullImage ?
         h("salla-button", { shape: "icon", fill: "none", color: "light", ref: el => this.wishlistBtn = el, "aria-label": "Add or remove to wishlist", class: "s-product-card-wishlist-btn animated", onClick: () => salla.wishlist.toggle(this.productData.id), "data-id": "{{ product.id }}" }, h("span", { class: "text-xl", innerHTML: Heart }))
         : '')
       : '')));
@@ -23795,14 +23798,17 @@ const SallaProgressBar = class {
     try {
       if (this.donation) {
         let donationJson = typeof this.donation == 'string' ? JSON.parse(this.donation) : this.donation;
-        if (donationJson.can_donate) {
+        if (donationJson.can_donate && donationJson.target_amount) {
           this.value = donationJson.collected_amount;
           this.target = donationJson.target_amount;
           this.header = salla.lang.get('pages.products.target');
           this.message = donationJson.target_end_date == '0000-00-00' ? '' : salla.lang.get('pages.products.donation_target_date') + ' ' + donationJson.target_end_date;
         }
         else {
-          this.message = donationJson.target_message;
+          //in case the product is not enabled target campaign
+          this.message = donationJson.target_amount
+            ? donationJson.target_message
+            : '';
         }
       }
     }