@salla.sa/twilight-components 2.14.266 → 2.14.268

package/dist/cjs/{index-C04zYN9J.js → index-Dwv0QRlo.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index$2 = require('./index-Dy6Zvkas.js');
+var index$2 = require('./index-BjUgPABq.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/cjs/loader.cjs.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
-var appGlobals = require('./app-globals-C5vtVml8.js');
+var index = require('./index-BjUgPABq.js');
+var appGlobals = require('./app-globals-DCdSMY4P.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 var minus = require('./minus-CCryh1qf.js');
 
 const sallaAccordionCss = "";

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var specialDiscount = require('./special-discount-OVG_9Kf9.js');
 var check = require('./check-CLRvuniI.js');
@@ -109,8 +109,11 @@ const SallaAddProductButton = class {
         const optionsEl = document.querySelector(`salla-product-options[product-id="${this.productId}"]`);
         if (optionsEl && typeof optionsEl.validateAndScroll === 'function') {
             return optionsEl.validateAndScroll()
-                .then((isValid) => {
-                if (!isValid) {
+                .then(async (isValid) => {
+                // Call validate hook
+                const ctx = { isValid, component: this };
+                await salla.hooks.call('salla-add-product-button', 'validate', ctx);
+                if (!ctx.isValid) {
                     this.btn?.enable();
                     return;
                 }
@@ -123,7 +126,7 @@ const SallaAddProductButton = class {
         // Fallback if options component not found
         return this._proceedAddToCart();
     }
-    _proceedAddToCart() {
+    async _proceedAddToCart() {
         /**
          * 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
@@ -135,8 +138,9 @@ const SallaAddProductButton = class {
             quantity: this.quantity,
             endpoint: 'quickAdd'
         }).reduce((a, [k, v]) => (v ? (a[k] = v, a) : a), {});
+        // Use the potentially modified data
         return salla.cart.addItem(data)
-            .then(response => {
+            .then(async (response) => {
             this.selectedOptions = [];
             this.btn?.enable();
             this.success.emit(response);
@@ -216,7 +220,9 @@ const SallaAddProductButton = class {
                 'w-full': !document.getElementById('fast-checkout-js') || ['financial_support', 'donating'].includes(this.productType) // This is a temporary fix until all themes fully support the fast checkout -- To be removed later
             } }, index.h("salla-button", { 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 && !!document.getElementById('fast-checkout-js') && !['financial_support', 'donating'].includes(this.productType) ? this.miniCheckoutWidget() : ''), this.showQuickBuy && this.isApplePayActive ? index.h("salla-quick-buy", { ...this.getQuickBuyBtnAttributes() }) : '');
     }
-    componentDidLoad() {
+    async componentDidLoad() {
+        // Register this component for hooks system, already on it logic to run componentDidLoad trigger
+        await Salla.hooks.registerComponent('salla-add-product-button', this);
         if (!this.notifyOptionsAvailability) {
             return;
         }
@@ -3089,13 +3095,13 @@ const SallaFileUpload = class {
             return;
         try {
             const [FilePondModule, FilePondPluginFileValidateSize, FilePondPluginImageExifOrientation, FilePondPluginImagePreview, FilePondPluginImageEdit, FilePondPluginFileValidateType, FilePondPluginFilePoster] = await Promise.all([
-                Promise.resolve().then(function () { return require('./filepond-DTzyjnPy.js'); }).then(function (n) { return n.filepond; }),
-                Promise.resolve().then(function () { return require('./filepond-plugin-file-validate-size-CXdCFSC3.js'); }).then(function (n) { return n.filepondPluginFileValidateSize; }),
-                Promise.resolve().then(function () { return require('./filepond-plugin-image-exif-orientation-QqEvrJpO.js'); }).then(function (n) { return n.filepondPluginImageExifOrientation; }),
-                Promise.resolve().then(function () { return require('./filepond-plugin-image-preview-Bt0CNmWW.js'); }).then(function (n) { return n.filepondPluginImagePreview; }),
-                Promise.resolve().then(function () { return require('./filepond-plugin-image-edit-CPXvQ4nG.js'); }).then(function (n) { return n.filepondPluginImageEdit; }),
-                Promise.resolve().then(function () { return require('./filepond-plugin-file-validate-type-D-xbNwv3.js'); }).then(function (n) { return n.filepondPluginFileValidateType; }),
-                Promise.resolve().then(function () { return require('./filepond-plugin-file-poster-CVRC2eDi.js'); }).then(function (n) { return n.filepondPluginFilePoster; })
+                Promise.resolve().then(function () { return require('./filepond-DSrOeCIF.js'); }).then(function (n) { return n.filepond; }),
+                Promise.resolve().then(function () { return require('./filepond-plugin-file-validate-size-CWcxao8l.js'); }).then(function (n) { return n.filepondPluginFileValidateSize; }),
+                Promise.resolve().then(function () { return require('./filepond-plugin-image-exif-orientation-BH0nNaQs.js'); }).then(function (n) { return n.filepondPluginImageExifOrientation; }),
+                Promise.resolve().then(function () { return require('./filepond-plugin-image-preview-A5H8-Nsz.js'); }).then(function (n) { return n.filepondPluginImagePreview; }),
+                Promise.resolve().then(function () { return require('./filepond-plugin-image-edit-B8p_l6WM.js'); }).then(function (n) { return n.filepondPluginImageEdit; }),
+                Promise.resolve().then(function () { return require('./filepond-plugin-file-validate-type-CP295r_S.js'); }).then(function (n) { return n.filepondPluginFileValidateType; }),
+                Promise.resolve().then(function () { return require('./filepond-plugin-file-poster-kTPFjj4a.js'); }).then(function (n) { return n.filepondPluginFilePoster; })
             ]);
             this.FilePond = FilePondModule;
             // Register plugins
@@ -10401,7 +10407,7 @@ const SallaTelInput = class {
         if (this.TelInput)
             return;
         try {
-            const telInputModule = await Promise.resolve().then(function () { return require('./index-C04zYN9J.js'); }).then(function (n) { return n.index; });
+            const telInputModule = await Promise.resolve().then(function () { return require('./index-Dwv0QRlo.js'); }).then(function (n) { return n.index; });
             this.TelInput = telInputModule.default;
         }
         catch (error) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 
 const sallaAdvertisementCss = ":host{display:block}";

package/dist/cjs/salla-app-install-alert.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 
 const sallaAppInstallAlertCss = ":host{display:block}";
 

package/dist/cjs/salla-apps-icons.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 
 const sallaAppsIconsCss = ":host{display:block}";
 

package/dist/cjs/salla-booking-field_2.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 
 var BookingTime = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/cjs/salla-cart-item-offers.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 var specialDiscount = require('./special-discount-OVG_9Kf9.js');
 var gift = require('./gift-BPDUPIY_.js');
 

package/dist/cjs/salla-conditional-offer.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 
 var DiscountType;
 (function (DiscountType) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 var whatsapp2 = require('./whatsapp2-D7Sbg8Ey.js');
 var mail = require('./mail-CO8cFZH7.js');
 

package/dist/cjs/salla-filters-widget.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 var Helper = require('./Helper-C9UmWIYn.js');
 var interfaces = require('./interfaces-DZDQwN6-.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 var interfaces = require('./interfaces-DZDQwN6-.js');
 var Helper = require('./Helper-C9UmWIYn.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 
 const sallaInstallmentCss = "salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;border:unset !important;font-weight:500}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--main-text-color);font-size:var(--font-sm);line-height:1.25;padding:20px 20px 20px 115px !important;background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:unset !important;font-family:inherit !important;font-weight:500}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px !important;top:35px !important;margin:0 !important;height:24px !important}.ltr .tamara-product-widget .tamara-logo{right:20px !important;left:auto !important}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}.s-installment-mispay-wrapper,.s-installment-madfu-wrapper,.s-installment-emkan-wrapper,.s-installment-rajehi-wrapper{font-size:14px;text-align:right;padding:20px;gap:42px;line-height:22px;color:rgb(0, 0, 0);min-width:100%;box-sizing:border-box;position:relative;background-color:white;border-radius:10px;margin:15px 0;display:flex;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.s-installment-mispay-wrapper:hover,.s-installment-madfu-wrapper:hover,.s-installment-emkan-wrapper:hover,.s-installment-rajehi-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.s-installment-mispay-content,.s-installment-madfu-content,.s-installment-emkan-content,.s-installment-rajehi-content{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:center;gap:1rem}.s-installment-mispay-content-text,.s-installment-madfu-content-text,.s-installment-emkan-content-text,.s-installment-rajehi-content-text{color:var(--main-text-color);font-size:14px;font-weight:500;margin:0 16px 0 0;width:80%;left:14px;text-align:left}.s-installment-mispay-content img,.s-installment-madfu-content img,.s-installment-emkan-content img,.s-installment-rajehi-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto}.rtl .s-installment-mispay-content-text,.rtl .s-installment-madfu-content-text,.rtl .s-installment-emkan-content-text,.rtl .s-installment-rajehi-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img,.rtl .s-installment-madfu-content img,.rtl .s-installment-emkan-content img,.rtl .s-installment-rajehi-content img{left:14px !important}.ltr .s-installment-mispay-content img,.ltr .s-installment-madfu-content img,.ltr .s-installment-emkan-content img,.ltr .s-installment-rajehi-content img{right:14px !important}.s-installment-rajehi-content img{width:70px !important;height:40px !important}.s-installment-emkan-content img{height:35px !important}";
 

package/dist/cjs/salla-loyalty-prize-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 
 const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";
 

package/dist/cjs/salla-loyalty-program.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 var gift = require('./gift-BPDUPIY_.js');
 
 const sallaLoyaltyProgramCss = "";

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 
 const sallaMetadataCss = "";
 

package/dist/cjs/salla-notification-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 
 const sallaNotificationsCss = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 var Helper = require('./Helper-C9UmWIYn.js');
 require('./anime.es-BqW8JHZi.js');
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 
 var PageType;
 (function (PageType) {

package/dist/cjs/salla-order-details-multiple-bundle-product.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 
 const sallaOrderDetailsMultipleBundleProductCss = "";
 

package/dist/cjs/salla-order-details.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 
 const sallaOrderDetailsCss = "";
 

package/dist/cjs/salla-order-summary.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 var check = require('./check-CLRvuniI.js');
 
 var iconFileArchive = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 var Helper = require('./Helper-C9UmWIYn.js');
 require('./anime.es-BqW8JHZi.js');
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 
 const sallaPaymentsCss = ":host{display:block}";
 

package/dist/cjs/salla-price-range.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 var arrowLeft = require('./arrow-left-xSEmRpp6.js');
 
 var arrowRight = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-product-options.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 var check = require('./check-CLRvuniI.js');
 var camera = require('./camera-DytepEoK.js');
 

package/dist/cjs/salla-review-card.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 var check = require('./check-CLRvuniI.js');
 
 var IconStar2 = ` <svg width="18" height="17" view-box="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">

package/dist/cjs/salla-reviews-page.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 var shoppingBag = require('./shopping-bag-C1gvTVHr.js');
 var Helper = require('./Helper-C9UmWIYn.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 var arrowLeft = require('./arrow-left-xSEmRpp6.js');
 var Helper = require('./Helper-C9UmWIYn.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 var twitter = require('./twitter-pOrUNjXi.js');
 
 var instagram = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-tiered-offer.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 
 var DiscountType;
 (function (DiscountType) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 
 const sallaTooltipCss = ".s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;transform:translateX(-39%);background-color:#baf3e6;color:#004d5a;bottom:100%;left:50%;text-align:center;border-radius:5px;z-index:1;white-space:nowrap;opacity:0;transition:opacity 0.3s;pointer-events:none;margin:0 0 16px 8px;padding:12px;max-width:150px;width:190px;white-space:normal;opacity:1}.s-tooltip-item::after{content:\"\";position:absolute;bottom:-10px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#baf3e6 transparent transparent transparent}.s-tooltip-item:dir(ltr){transform:translateX(-72%)}";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 var mail = require('./mail-CO8cFZH7.js');
 
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
+var index = require('./index-BjUgPABq.js');
 
 const sallaWalletCss = ".s-wallet-table{min-width:100%}.s-wallet-table-balance-container{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:1rem}.s-wallet-table-balance-icon{border-radius:50%;width:52px;height:52px;font-size:25px;padding:16px 13px;background:var(--color-primary-reverse);color:var(--color-primary)}.s-wallet-table-empty-state{display:flex;flex-direction:column;align-items:center}.s-wallet-table-empty-state i{font-size:80px;margin:4rem 0 2rem;color:var(--infinte-color)}.s-wallet-table-transaction-status{padding:6px 19px !important;border-radius:20px;width:max-content;display:flex;align-items:center}.s-wallet-table-transaction-status-default{background:#fff6eb;color:#a46f29}.s-wallet-table-transaction-status-cashback{background:#effbf6;color:#00af6c}.s-wallet-table-transaction-status-refund{background:#ecf3fe;color:#5196f3}.s-wallet-table-transaction-status-purchase{background:#feecec;color:#f55157}.s-wallet-table-transaction-status-icons-success{color:#00af6c}";
 

package/dist/cjs/twilight.cjs.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-Dy6Zvkas.js');
-var appGlobals = require('./app-globals-C5vtVml8.js');
+var index = require('./index-BjUgPABq.js');
+var appGlobals = require('./app-globals-DCdSMY4P.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*

package/dist/collection/components/salla-add-product-button/salla-add-product-button.js

@@ -60,8 +60,11 @@ export class SallaAddProductButton {
         const optionsEl = document.querySelector(`salla-product-options[product-id="${this.productId}"]`);
         if (optionsEl && typeof optionsEl.validateAndScroll === 'function') {
             return optionsEl.validateAndScroll()
-                .then((isValid) => {
-                if (!isValid) {
+                .then(async (isValid) => {
+                // Call validate hook
+                const ctx = { isValid, component: this };
+                await salla.hooks.call('salla-add-product-button', 'validate', ctx);
+                if (!ctx.isValid) {
                     this.btn?.enable();
                     return;
                 }
@@ -74,7 +77,7 @@ export class SallaAddProductButton {
         // Fallback if options component not found
         return this._proceedAddToCart();
     }
-    _proceedAddToCart() {
+    async _proceedAddToCart() {
         /**
          * 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
@@ -86,8 +89,9 @@ export class SallaAddProductButton {
             quantity: this.quantity,
             endpoint: 'quickAdd'
         }).reduce((a, [k, v]) => (v ? (a[k] = v, a) : a), {});
+        // Use the potentially modified data
         return salla.cart.addItem(data)
-            .then(response => {
+            .then(async (response) => {
             this.selectedOptions = [];
             this.btn?.enable();
             this.success.emit(response);
@@ -167,7 +171,9 @@ export class SallaAddProductButton {
                 'w-full': !document.getElementById('fast-checkout-js') || ['financial_support', 'donating'].includes(this.productType) // This is a temporary fix until all themes fully support the fast checkout -- To be removed later
             } }, h("salla-button", { 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" }, h("slot", null)), this.showQuickBuy && !!document.getElementById('fast-checkout-js') && !['financial_support', 'donating'].includes(this.productType) ? this.miniCheckoutWidget() : ''), this.showQuickBuy && this.isApplePayActive ? h("salla-quick-buy", { ...this.getQuickBuyBtnAttributes() }) : '');
     }
-    componentDidLoad() {
+    async componentDidLoad() {
+        // Register this component for hooks system, already on it logic to run componentDidLoad trigger
+        await Salla.hooks.registerComponent('salla-add-product-button', this);
         if (!this.notifyOptionsAvailability) {
             return;
         }