@salla.sa/twilight-components 2.14.492 → 2.14.494

package/dist/cjs/{salla-order-options-modal_3.cjs.entry.js → salla-product-card_2.cjs.entry.js}

@@ -3,213 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 var star2 = require('./star2-R146a27p.js');
 var Helper = require('./Helper-B2B-kxAI.js');
 require('./anime.es-BqW8JHZi.js');
 
-const sallaOrderOptionsModalCss = ".s-order-options-modal-host .s-modal-header-inner,.s-order-options-modal-host .s-modal-header-content,.s-order-options-modal-host .s-modal-title{text-align:start !important}.s-order-options-modal-apple-pay{display:block;width:100%;--apple-pay-button-width:100%;--apple-pay-button-height:44px;--apple-pay-button-border-radius:0.75rem}.s-order-options-modal-apple-pay-wrap{display:flex;flex-direction:column;gap:0.75rem;width:100%}.s-order-options-modal-apple-pay-total{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.s-order-options-modal-apple-pay-label,.s-order-options-modal-apple-pay-amount{font-size:1.125rem;line-height:1.5rem;font-weight:700;color:#111827}";
-
-const SallaOrderOptionsModal = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.resolveFn = null;
-        this.rejectFn = null;
-        this.optionsRefs = new Map();
-        this.changeHandler = null;
-        /** Sync hook for callers that need to act under the submit user gesture (Apple Pay). */
-        this.submitCallback = null;
-        this.orderOptions = [];
-        this.basePrice = 0;
-        this.liveTotal = 0;
-        this.isSubmitting = false;
-        /** Bumped each open() so the inner <salla-product-options> remounts. */
-        this.sessionId = 0;
-        this.paymentMode = 'default';
-        this.title = '';
-        this.subtitle = '';
-        this.submitLabel = '';
-        this.totalLabel = '';
-        this.requiredMessage = '';
-        this.handleClose = () => {
-            if (this.isSubmitting)
-                return;
-            this.rejectFn?.({ reason: 'dismissed' });
-            this.resolveFn = null;
-            this.rejectFn = null;
-            this.detachChangeListener();
-            this.reset();
-        };
-        salla.lang.onLoaded(() => this.loadTranslations());
-    }
-    componentWillLoad() {
-        this.loadTranslations();
-    }
-    loadTranslations() {
-        this.title = salla.lang.get('blocks.order_options.title');
-        this.subtitle = salla.lang.get('blocks.order_options.subtitle');
-        this.submitLabel = salla.lang.get('blocks.order_options.continue');
-        this.totalLabel = salla.lang.get('blocks.order_options.total');
-        this.requiredMessage = salla.lang.get('blocks.order_options.required_message');
-    }
-    /**
-     * Open the modal. Resolves with selections on submit; rejects on dismiss.
-     * `onSubmit` fires sync in the submit click (for Apple Pay user-gesture).
-     * `paymentMode: 'apple-pay'` swaps the footer button for <apple-pay-button>.
-     */
-    async open(payload) {
-        // Normalize here, not in the shared salla-product-options: text/number order options ship no
-        // `details`, which product-options dereferences unguarded.
-        this.orderOptions = (Array.isArray(payload.orderOptions) ? payload.orderOptions : [])
-            .map((o) => ({ ...o, details: o.details ?? [] }));
-        this.basePrice = Number(payload.basePrice) || 0;
-        this.liveTotal = this.basePrice + this.seedOptionsPrice(this.orderOptions);
-        this.isSubmitting = false;
-        this.sessionId++;
-        this.optionsRefs.clear();
-        this.submitCallback = payload.onSubmit ?? null;
-        this.paymentMode = payload.paymentMode ?? 'default';
-        await this.modal?.open();
-        this.attachChangeListener();
-        return new Promise((resolve, reject) => {
-            this.resolveFn = resolve;
-            this.rejectFn = reject;
-        });
-    }
-    async close() {
-        await this.modal?.close();
-    }
-    /** Sync walk of inputs — avoids `await` through the @Method that would consume the AP user gesture. */
-    collectOrderOptionsSync() {
-        const result = [];
-        for (const [, el] of this.optionsRefs) {
-            if (!el)
-                continue;
-            const inputs = el.querySelectorAll('[name^="options["],[name*="[options]["]');
-            inputs.forEach((input) => {
-                if (input instanceof HTMLInputElement && (input.type === 'radio' || input.type === 'checkbox') && !input.checked) {
-                    return;
-                }
-                const match = input.name.match(/(?:^|\[)options\]?\[(\d+)\]/);
-                if (!match)
-                    return;
-                const raw = input.value;
-                if (raw === '' || raw === null || raw === undefined)
-                    return;
-                const numeric = Number(raw);
-                result.push({
-                    id: Number(match[1]),
-                    value: Number.isFinite(numeric) && raw === String(numeric) ? numeric : raw,
-                });
-            });
-        }
-        return result;
-    }
-    /** Sync native validity — keeps the AP user gesture intact. */
-    validateSync() {
-        let pass = true;
-        for (const [, el] of this.optionsRefs) {
-            if (!el)
-                continue;
-            const requiredInputs = el.querySelectorAll('[required]');
-            requiredInputs.forEach((input) => {
-                // Mirror salla-product-options.reportValidity(): skip hidden/disabled inputs so a
-                // required field in a `.hidden` conditional container can't silently block submit.
-                if (input.disabled || input.closest('.hidden'))
-                    return;
-                if ('reportValidity' in input && !input.reportValidity())
-                    pass = false;
-            });
-        }
-        return pass;
-    }
-    /** Sum the additional_price of any pre-selected details. */
-    seedOptionsPrice(orderOptions) {
-        let sum = 0;
-        orderOptions.forEach((opt) => {
-            (opt.details || []).forEach((d) => {
-                if (d.is_selected)
-                    sum += Number(d.additional_price) || 0;
-            });
-        });
-        return sum;
-    }
-    /** salla.event.on is global — attach per open, detach on close to avoid stacking. */
-    attachChangeListener() {
-        this.detachChangeListener();
-        this.changeHandler = () => this.recomputeTotal();
-        salla.event.on('product-options::change', this.changeHandler);
-    }
-    detachChangeListener() {
-        if (!this.changeHandler)
-            return;
-        salla.event.off('product-options::change', this.changeHandler);
-        this.changeHandler = null;
-    }
-    async recomputeTotal() {
-        let selectedPrice = 0;
-        for (const [, el] of this.optionsRefs) {
-            if (!el)
-                continue;
-            const selected = typeof el.getSelectedOptions === 'function'
-                ? await el.getSelectedOptions()
-                : [];
-            (selected || []).forEach((s) => {
-                selectedPrice += Number(s.additional_price) || 0;
-            });
-        }
-        this.liveTotal = this.basePrice + selectedPrice;
-    }
-    handleSubmit() {
-        if (this.isSubmitting)
-            return;
-        if (!this.validateSync()) {
-            salla.notify?.error?.(this.requiredMessage);
-            return;
-        }
-        this.isSubmitting = true;
-        const orderOptions = this.collectOrderOptionsSync();
-        const total = Math.round(this.liveTotal * 100) / 100;
-        // Fire onSubmit BEFORE any await — Apple Pay needs the user gesture.
-        try {
-            this.submitCallback?.(orderOptions, total);
-        }
-        catch (err) {
-            salla?.logger?.warn?.('order-options modal onSubmit threw', err);
-        }
-        this.resolveFn?.({ orderOptions });
-        this.resolveFn = null;
-        this.rejectFn = null;
-        this.submitCallback = null;
-        this.detachChangeListener();
-        this.modal?.close().then(() => this.reset());
-        this.isSubmitting = false;
-    }
-    /** Clear options on close so the inner <salla-product-options> unmounts. */
-    reset() {
-        this.orderOptions = [];
-        this.optionsRefs.clear();
-        this.liveTotal = 0;
-    }
-    render() {
-        // salla.money returns HTML (sicon-sar icon) → render via innerHTML. Round
-        // first so floating-point sum doesn't show as 1174.3799999999999.
-        const totalHtml = salla.money(Math.round(this.liveTotal * 100) / 100);
-        return (index.h("salla-modal", { key: 'a7b7c31da2f5fd9f5f3ee601052f84e512368cee', ref: el => (this.modal = el), class: "s-order-options-modal-host", width: "md", "modal-title": this.title, onModalVisibilityChanged: (e) => {
-                if (!e.detail)
-                    this.handleClose();
-            } }, index.h("div", { key: '9a44c4dcec6f0e49a65217b1e1e2cd19ccc80c76', class: "s-order-options-modal-body" }, index.h("p", { key: '66c41a32e2130db4dc1aa402a31cfd6d519544b3', class: "s-order-options-modal-subtitle" }, this.subtitle), index.h("div", { key: 'fffe868427973b6426b8a2f8f33f48c017dfb7fb', class: "s-order-options-modal-fields" }, this.orderOptions.length > 0 && (index.h("salla-product-options", { key: this.sessionId, ref: el => {
-                if (!el)
-                    return;
-                this.optionsRefs.set('order-options', el);
-                // Without seeding, first multi-select toggle wipes pre-selected defaults.
-                el.seedSelectedOptions?.();
-            }, "product-id": `order-options-${this.orderOptions[0]?.id}`, "unique-key": "order-options", options: JSON.stringify(this.orderOptions), "hide-out-label": "1", "no-padding": true })))), index.h("div", { key: '36f3a18380f05a8420d4bc32fa643bf596ac16fb', slot: "footer", class: "s-order-options-modal-footer" }, this.paymentMode === 'apple-pay' ? (index.h("div", { class: "s-order-options-modal-apple-pay-wrap" }, index.h("div", { class: "s-order-options-modal-apple-pay-total" }, index.h("span", { class: "s-order-options-modal-apple-pay-label" }, this.totalLabel), index.h("span", { class: "s-order-options-modal-apple-pay-amount", innerHTML: totalHtml })), index.h("apple-pay-button", { locale: salla?.config?.get?.('user.language_code') || 'ar', buttonstyle: "black", type: "buy", class: "s-order-options-modal-apple-pay", onClick: () => this.handleSubmit() }))) : (index.h("salla-button", { type: "button", color: "primary", fill: "solid", width: "wide", loading: this.isSubmitting, onClick: () => this.handleSubmit() }, index.h("span", { class: "s-order-options-modal-cta-content" }, index.h("span", { class: "s-order-options-modal-cta-text" }, this.submitLabel), index.h("span", { class: "s-order-options-modal-cta-total", innerHTML: totalHtml })))))));
-    }
-    get host() { return index.getElement(this); }
-};
-SallaOrderOptionsModal.style = sallaOrderOptionsModalCss;
-
 var Heart = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>heart</title>
@@ -486,6 +284,5 @@ const SallaProductsSlider = class {
 };
 SallaProductsSlider.style = sallaProductsSliderCss;
 
-exports.salla_order_options_modal = SallaOrderOptionsModal;
 exports.salla_product_card = SallaProductCard;
 exports.salla_products_slider = SallaProductsSlider;

package/dist/cjs/salla-product-size-guide.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 
 var PencilRuler = `<!-- 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-products-list.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var shoppingBag = require('./shopping-bag-C1gvTVHr.js');
 var Helper = require('./Helper-B2B-kxAI.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 var iphoneX = require('./iphone-x-qC21wCLj.js');
 var mail = require('./mail-C9D8MHae.js');
 var cancel = require('./cancel-B5SbMYEk.js');

package/dist/cjs/salla-rating-modal-v2.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 var star = require('./star-DMzrN05M.js');
 var shippingFast = require('./shipping-fast-CsqEQE78.js');
 var checkCircle2 = require('./check-circle2-BDvlT4_n.js');

package/dist/cjs/salla-rating-modal.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 var star = require('./star-DMzrN05M.js');
 var shippingFast = require('./shipping-fast-CsqEQE78.js');
 var checkCircle2 = require('./check-circle2-BDvlT4_n.js');

package/dist/cjs/salla-review-factors-tags.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 var star2 = require('./star2-R146a27p.js');
 
 const CACHE_TTL = 5 * 60 * 1000;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 var search = require('./search-c7Aa7lM9.js');
 
 var StoreAlt = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 var search = require('./search-c7Aa7lM9.js');
 var Helper = require('./Helper-B2B-kxAI.js');
 require('./anime.es-BqW8JHZi.js');

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 var keyboard_arrow_right = require('./keyboard_arrow_right-BayM_Il2.js');
 
 /**

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var facebook = require('./facebook-DbXua6B9.js');
 var mail = require('./mail-C9D8MHae.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 var facebook = require('./facebook-DbXua6B9.js');
 
 var instagram = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-tab-content_3.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 
 const sallaTabContentCss = "";
 

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 
 const sallaTooltipCss = ".s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;transform:translateX(-63%) translateY(-50%);background-color:var(--color-primary);color:var(--color-primary-reverse);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:var(--color-primary) transparent transparent transparent}.s-tooltip-item:dir(ltr){transform:translateX(-72%)}.s-tooltip-item--dark{background-color:#555555;color:white;padding:5px 15px;border-radius:8px;font-size:12px;font-weight:normal;max-width:330px;width:max-content}.s-tooltip-item--dark::after{border-color:#555555 transparent transparent transparent}";
 

package/dist/cjs/salla-trust-badges.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 
 const sallaTrustBadgesCss = "";
 

package/dist/cjs/salla-user-menu.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 var keyboard_arrow_down = require('./keyboard_arrow_down-DHJ3FFZq.js');
 var bellRing = require('./bell-ring-BfKPinNo.js');
 var cart = require('./cart-s-x1Fshk.js');

package/dist/cjs/salla-user-profile.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 var interfaces = require('./interfaces-CRqrf5RX.js');
 
 const sallaUserProfileCss = ":host{display:block}";

package/dist/cjs/salla-user-settings.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 
 var Bullhorn = `<!-- 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-verify.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 var mail = require('./mail-C9D8MHae.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-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.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/salla-wishlist-actions.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 
 const sallaWishlistActionsCss = ":host{display:block}.s-wishlist-actions-menu{min-width:200px;inset-inline-end:0;inset-inline-start:auto;list-style:none;margin:0;padding:4px 0;box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}.s-wishlist-actions-menu-item{display:block;width:100%;padding:10px 16px;text-align:start;font-size:0.875rem;color:#374151;background:transparent;cursor:pointer;white-space:nowrap}.s-wishlist-actions-menu-item:hover{background-color:#f3f4f6;color:var(--color-primary)}.s-wishlist-actions-panel{box-shadow:0 1px 3px rgba(0, 0, 0, 0.08)}.s-wishlist-actions-panel-select-all{user-select:none}.s-wishlist-actions-select-all:indeterminate,.s-wishlist-actions-select-all:indeterminate:hover,.s-wishlist-actions-select-all:indeterminate:focus{background-color:var(--color-primary);border-color:var(--color-primary)}.s-wishlist-actions-select-all:indeterminate::after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:2px;background:#fff;border:none;transform:translate(-50%, -50%)}.s-wishlist-actions-social-anchor{display:none}h1.s-wishlist-actions-page-title{text-align:start !important}";
 

package/dist/cjs/{tracked-promise-g2hwsJdv.js → tracked-promise-DYGNjn0V.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BLRU4abB.js');
+var index = require('./index-BQKhP5JS.js');
 
 function TrackedPromise(fn, options = {}) {
     options = Object.assign({ initialData: undefined, initialStatus: 'idle' }, options);