@salla.sa/twilight-components 1.6.0 → 1.6.1

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

@@ -1,100 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4e30ffd0.js';
-
-const sallaAddProductButtonCss = ":host{display:block}salla-add-product-button[width=wide]{width:100%}";
-
-const SallaAddProductButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.success = createEvent(this, "success", 7);
-    this.failed = createEvent(this, "failed", 7);
-    this.hostAttributes = {};
-    this.hasLabel = false;
-    /**
-     * Channels.
-     */
-    this.channels = null;
-    /**
-     * Product Quantity
-     */
-    this.quantity = 0;
-    /**
-     * Donating amount.
-     */
-    this.donatingAmount = 0;
-    /**
-     *  Product Status.Defaults to `sale`
-     */
-    this.productStatus = 'sale';
-    /**
-     * Product type. Defaults to `product`
-     */
-    this.productType = 'product';
-  }
-  getLabel() {
-    if (this.productStatus === 'sale') {
-      return salla.lang.get('pages.cart.add_to_cart');
-    }
-    if (this.productType !== 'donating') {
-      return salla.lang.get('pages.products.out_of_stock');
-    }
-    // donating
-    return salla.lang.get('pages.products.donation_exceed');
-  }
-  addProductToCart(event) {
-    // we want to ignore the click action when the type of button is submit a form
-    if (this.hostAttributes['type'] === 'submit') {
-      return false;
-    }
-    event.preventDefault();
-    /**
-     * by default the quick add is just an alias for add item function
-     * but its work only when the id is the only value is passed via the object
-     * so we will filter the object entities to remove null and zero values in case we don't want the normal add item action
-     */
-    const data = Object.entries({
-      id: this.productId,
-      donating_amount: this.donatingAmount,
-      quantity: this.quantity
-    }).reduce((a, [k, v]) => (v ? (a[k] = v, a) : a), {});
-    return salla.cart.quickAdd(data)
-      .then((response) => {
-      return this.success.emit(response);
-    })
-      .catch((error) => {
-      return this.failed.emit(error);
-    });
-  }
-  getBtnAttributes() {
-    for (let i = 0; i < this.host.attributes.length; i++) {
-      if (!['id', 'class'].includes(this.host.attributes[i].name)) {
-        this.hostAttributes[this.host.attributes[i].name] = this.host.attributes[i].value;
-      }
-    }
-    return this.hostAttributes;
-  }
-  componentWillLoad() {
-    this.hasLabel = !!this.host.innerHTML.replace('<!---->', '').trim();
-  }
-  render() {
-    return (h(Host, null, this.productStatus === 'out-and-notify' && this.channels ?
-      h("salla-product-availability", Object.assign({}, this.getBtnAttributes()), h("slot", null)) :
-      h("salla-button", Object.assign({ ref: el => this.btn = el, onClick: event => this.addProductToCart(event), type: "button", fill: this.productStatus === 'sale' ? 'solid' : 'outline', color: this.productStatus === 'sale' ? 'primary' : 'light', "loader-position": "center" }, this.getBtnAttributes(), { disabled: this.productStatus !== 'sale' }), h("slot", null))));
-  }
-  componentDidRender() {
-    //if label not passed, get label
-    if (this.hasLabel) {
-      return;
-    }
-    this.btn.setText(this.getLabel() || 'اضافة للسلة');
-    salla.lang.onLoaded(() => {
-      this.btn.setText(this.getLabel() || 'اضافة للسلة');
-    });
-  }
-  get host() { return getElement(this); }
-};
-SallaAddProductButton.style = sallaAddProductButtonCss;
-
-export { SallaAddProductButton as salla_add_product_button };