@salla.sa/twilight-components 2.11.69 → 2.11.71

package/dist/cjs/salla-add-product-button.cjs.entry.js

@@ -6,6 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d2b3370.js');
+const cart = require('./cart-3ecaa815.js');
 
 const sallaAddProductButtonCss = ":host{display:block}salla-add-product-button[width=wide]{width:100%}";
 
@@ -24,9 +25,15 @@ const SallaAddProductButton = class {
      */
     this.productType = 'product';
     this.selectedOptions = [];
+    salla.onReady(() => {
+      this.showQuickBuy = this.quickBuy && !!salla.config.get('store.settings.buy_now');
+    });
   }
   getLabel() {
     if (this.productStatus === 'sale') {
+      if (this.supportStickyBar && window.innerWidth <= 768) {
+        return cart.Cart;
+      }
       return salla.lang.get('pages.cart.add_to_cart');
     }
     if (this.productType !== 'donating') {
@@ -82,7 +89,18 @@ const SallaAddProductButton = class {
     return this.hostAttributes;
   }
   componentWillLoad() {
-    this.hasLabel = !!this.host.innerHTML.replace('<!---->', '').trim();
+    this.passedLabel = this.host.innerHTML.replace('<!---->', '').trim();
+    if (this.host.hasAttribute('type') && this.host.getAttribute('type') === 'submit' && this.supportStickyBar) {
+      window.addEventListener('resize', () => {
+        var _a, _b;
+        if (window.innerWidth >= 768 && !!this.passedLabel) {
+          (_a = this.btn) === null || _a === void 0 ? void 0 : _a.setText(this.passedLabel);
+        }
+        else {
+          (_b = this.btn) === null || _b === void 0 ? void 0 : _b.setText(this.getLabel());
+        }
+      });
+    }
   }
   render() {
     var _a;
@@ -96,7 +114,7 @@ const SallaAddProductButton = class {
     if ((this.productStatus === 'out-and-notify' && this.channels) || this.hasOutOfStockOption) {
       return index.h(index.Host, null, index.h("salla-product-availability", Object.assign({}, this.getBtnAttributes()), index.h("span", { class: "s-hidden" }, index.h("slot", null))));
     }
-    return index.h(index.Host, null, index.h("salla-button", Object.assign({ color: this.productStatus === 'sale' ? 'primary' : 'light', type: "button", fill: this.productStatus === 'sale' ? 'solid' : 'outline', ref: el => this.btn = el, onClick: event => this.addProductToCart(event), disabled: this.productStatus !== 'sale' }, this.getBtnAttributes(), { "loader-position": "center" }), index.h("slot", null)));
+    return index.h(index.Host, { class: { 's-add-product-button-with-quick-buy': this.showQuickBuy, 's-add-product-button-with-sticky-bar': this.supportStickyBar } }, index.h("salla-button", Object.assign({ color: this.productStatus === 'sale' ? 'primary' : 'light', type: "button", fill: this.productStatus === 'sale' ? 'solid' : 'outline', ref: el => this.btn = el, onClick: event => this.addProductToCart(event), disabled: this.productStatus !== 'sale' }, this.getBtnAttributes(), { "loader-position": "center" }), index.h("slot", null)), this.showQuickBuy ? index.h("salla-quick-buy", Object.assign({}, this.getBtnAttributes())) : '');
   }
   componentDidLoad() {
     if (!this.notifyOptionsAvailability) {
@@ -108,7 +126,6 @@ const SallaAddProductButton = class {
         return;
       }
       this.hasSubscribedOptions = false;
-      this.hasLabel = false;
       this.selectedOptions = await ((_a = document.querySelector(`salla-product-options[product-id="${this.productId}"]`)) === null || _a === void 0 ? void 0 : _a.getSelectedOptions());
       this.hasOutOfStockOption = await ((_b = document.querySelector(`salla-product-options[product-id="${this.productId}"]`)) === null || _b === void 0 ? void 0 : _b.hasOutOfStockOption());
       let subscribedDetails = salla.storage.get(`product-${this.productId}-subscribed-options`);
@@ -127,7 +144,7 @@ const SallaAddProductButton = class {
   componentDidRender() {
     var _a;
     //if label not passed, get label
-    if (this.hasLabel) {
+    if (!!this.passedLabel && window.innerWidth >= 768) {
       return;
     }
     (_a = this.btn) === null || _a === void 0 ? void 0 : _a.setText(this.getLabel());