@salla.sa/twilight-components 2.14.339 → 2.14.340

package/dist/cjs/salla-accordion_62.cjs.entry.js

@@ -10330,6 +10330,8 @@ const sallaQuickBuyCss = ".s-quick-buy-button .s-button-text{display:flex}apple-
 const SallaQuickBuy = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.validationFailed = index.createEvent(this, "validationFailed");
+        this.requireLogin = index.createEvent(this, "requireLogin");
         /**
          * Button type.
          *
@@ -10351,6 +10353,7 @@ const SallaQuickBuy = class {
     }
     async quickBuyHandler() {
         if (salla.config.isGuest()) {
+            this.requireLogin.emit({ productId: this.productId });
             // todo (low) :: find a way to re-fire the method after success
             let afterLoginEvent = "salla-quick-buy::user.logged-in";
             salla.event.on(afterLoginEvent, () => this.settlePayment());
@@ -10363,6 +10366,7 @@ const SallaQuickBuy = class {
         let optionsElement = document.querySelector(`salla-product-options[product-id="${this.productId}"]`);
         //make sure all the required options are selected
         if (optionsElement && !await optionsElement.reportValidity()) {
+            this.validationFailed.emit({ productId: this.productId });
             return salla.error(salla.lang.get('common.messages.required_fields'));
         }
         //use this way to get quantity too
@@ -10509,7 +10513,7 @@ const SallaQuickBuy = class {
         });
     }
     render() {
-        return index.h(index.Host, { key: 'a6093f9df07d58cc290a3376c44847c8b4c345ce' }, this.quickBuyButton());
+        return index.h(index.Host, { key: '326f9d1a5336de18e77a71cef8d4e0118acb8055' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return index.h("apple-pay-button", { locale: salla.config.get('user.language_code'), onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });

package/dist/collection/components/salla-quick-buy/salla-quick-buy.js

@@ -26,6 +26,7 @@ export class SallaQuickBuy {
     }
     async quickBuyHandler() {
         if (salla.config.isGuest()) {
+            this.requireLogin.emit({ productId: this.productId });
             // todo (low) :: find a way to re-fire the method after success
             let afterLoginEvent = "salla-quick-buy::user.logged-in";
             salla.event.on(afterLoginEvent, () => this.settlePayment());
@@ -38,6 +39,7 @@ export class SallaQuickBuy {
         let optionsElement = document.querySelector(`salla-product-options[product-id="${this.productId}"]`);
         //make sure all the required options are selected
         if (optionsElement && !await optionsElement.reportValidity()) {
+            this.validationFailed.emit({ productId: this.productId });
             return salla.error(salla.lang.get('common.messages.required_fields'));
         }
         //use this way to get quantity too
@@ -184,7 +186,7 @@ export class SallaQuickBuy {
         });
     }
     render() {
-        return h(Host, { key: 'a6093f9df07d58cc290a3376c44847c8b4c345ce' }, this.quickBuyButton());
+        return h(Host, { key: '326f9d1a5336de18e77a71cef8d4e0118acb8055' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla.config.get('user.language_code'), onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });
@@ -399,5 +401,38 @@ export class SallaQuickBuy {
             "quickBuy": {}
         };
     }
+    static get events() {
+        return [{
+                "method": "validationFailed",
+                "name": "validationFailed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when Apple Pay button is clicked but form validation fails."
+                },
+                "complexType": {
+                    "original": "{ productId: string }",
+                    "resolved": "{ productId: string; }",
+                    "references": {}
+                }
+            }, {
+                "method": "requireLogin",
+                "name": "requireLogin",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when Apple Pay button is clicked but user is not logged in."
+                },
+                "complexType": {
+                    "original": "{ productId: string }",
+                    "resolved": "{ productId: string; }",
+                    "references": {}
+                }
+            }];
+    }
     static get elementRef() { return "host"; }
 }

package/dist/components/salla-quick-buy2.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { a as axios } from './axios.js';
 
 var Http = {
@@ -724,6 +724,8 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class SallaQuickBuy exten
     constructor() {
         super();
         this.__registerHost();
+        this.validationFailed = createEvent(this, "validationFailed", 7);
+        this.requireLogin = createEvent(this, "requireLogin", 7);
         /**
          * Button type.
          *
@@ -745,6 +747,7 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class SallaQuickBuy exten
     }
     async quickBuyHandler() {
         if (salla.config.isGuest()) {
+            this.requireLogin.emit({ productId: this.productId });
             // todo (low) :: find a way to re-fire the method after success
             let afterLoginEvent = "salla-quick-buy::user.logged-in";
             salla.event.on(afterLoginEvent, () => this.settlePayment());
@@ -757,6 +760,7 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class SallaQuickBuy exten
         let optionsElement = document.querySelector(`salla-product-options[product-id="${this.productId}"]`);
         //make sure all the required options are selected
         if (optionsElement && !await optionsElement.reportValidity()) {
+            this.validationFailed.emit({ productId: this.productId });
             return salla.error(salla.lang.get('common.messages.required_fields'));
         }
         //use this way to get quantity too
@@ -903,7 +907,7 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class SallaQuickBuy exten
         });
     }
     render() {
-        return h(Host, { key: 'a6093f9df07d58cc290a3376c44847c8b4c345ce' }, this.quickBuyButton());
+        return h(Host, { key: '326f9d1a5336de18e77a71cef8d4e0118acb8055' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla.config.get('user.language_code'), onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });

package/dist/esm/salla-accordion_62.entry.js

@@ -10310,6 +10310,8 @@ const sallaQuickBuyCss = ".s-quick-buy-button .s-button-text{display:flex}apple-
 const SallaQuickBuy = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.validationFailed = createEvent(this, "validationFailed");
+        this.requireLogin = createEvent(this, "requireLogin");
         /**
          * Button type.
          *
@@ -10331,6 +10333,7 @@ const SallaQuickBuy = class {
     }
     async quickBuyHandler() {
         if (salla.config.isGuest()) {
+            this.requireLogin.emit({ productId: this.productId });
             // todo (low) :: find a way to re-fire the method after success
             let afterLoginEvent = "salla-quick-buy::user.logged-in";
             salla.event.on(afterLoginEvent, () => this.settlePayment());
@@ -10343,6 +10346,7 @@ const SallaQuickBuy = class {
         let optionsElement = document.querySelector(`salla-product-options[product-id="${this.productId}"]`);
         //make sure all the required options are selected
         if (optionsElement && !await optionsElement.reportValidity()) {
+            this.validationFailed.emit({ productId: this.productId });
             return salla.error(salla.lang.get('common.messages.required_fields'));
         }
         //use this way to get quantity too
@@ -10489,7 +10493,7 @@ const SallaQuickBuy = class {
         });
     }
     render() {
-        return h(Host, { key: 'a6093f9df07d58cc290a3376c44847c8b4c345ce' }, this.quickBuyButton());
+        return h(Host, { key: '326f9d1a5336de18e77a71cef8d4e0118acb8055' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla.config.get('user.language_code'), onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });