@salla.sa/twilight-components 2.14.240 → 2.14.241

package/dist/esm/loader.js

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { b as bootstrapLazy } from './index-86S6hMF9.js';
-export { s as setNonce } from './index-86S6hMF9.js';
-import { g as globalScripts } from './app-globals-DfNDI-uR.js';
+import { b as bootstrapLazy } from './index-Qk6_ks1N.js';
+export { s as setNonce } from './index-Qk6_ks1N.js';
+import { g as globalScripts } from './app-globals-BoC0E74W.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/esm/salla-accordion-body.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-86S6hMF9.js';
+import { r as registerInstance, h, H as Host } from './index-Qk6_ks1N.js';
 
 const sallaAccordionBodyCss = "";
 

package/dist/esm/salla-accordion-head.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-86S6hMF9.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Qk6_ks1N.js';
 import { p as plusIcon, m as minusIcon } from './minus-DfeagqF1.js';
 
 const sallaAccordionHeadCss = "";

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-86S6hMF9.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-Qk6_ks1N.js';
 
 const sallaAccordionCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as getDefaultExportFromCjs, F as Fragment, i as axios } from './index-86S6hMF9.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as getDefaultExportFromCjs, F as Fragment, i as axios } from './index-Qk6_ks1N.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { A as ArrowDownIcon, S as SpecialDiscountIcon } from './special-discount-yRO-ZESF.js';
 import { I as IconVerified } from './check-uTyAzPSy.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, g as getElement } from './index-86S6hMF9.js';
+import { r as registerInstance, h, g as getElement } from './index-Qk6_ks1N.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 
 const sallaAdvertisementCss = ":host{display:block}";

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-86S6hMF9.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-Qk6_ks1N.js';
 
 const sallaAppInstallAlertCss = ":host{display:block}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-86S6hMF9.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-Qk6_ks1N.js';
 
 const sallaAppsIconsCss = ":host{display:block}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-86S6hMF9.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Qk6_ks1N.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/esm/salla-cart-item-offers.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-86S6hMF9.js';
+import { r as registerInstance, h } from './index-Qk6_ks1N.js';
 import { S as SpecialDiscountIcon, A as ArrowDownIcon } from './special-discount-yRO-ZESF.js';
 import { G as GiftIcon } from './gift-C0JNGIpa.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-86S6hMF9.js';
+import { r as registerInstance, h, H as Host } from './index-Qk6_ks1N.js';
 
 var DiscountType;
 (function (DiscountType) {

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-86S6hMF9.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-Qk6_ks1N.js';
 import { w as whatsapp } from './whatsapp2-DWksgowB.js';
 import { M as MailIcon } from './mail-DmgxDvXL.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-86S6hMF9.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Qk6_ks1N.js';
 import { H as Helper } from './Helper-CeeYyNjR.js';
 import { F as FilterOptionTypes } from './interfaces-DL4h2bc3.js';
 import './anime.es-CgtvEd63.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-86S6hMF9.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Qk6_ks1N.js';
 import { F as FilterOptionTypes } from './interfaces-DL4h2bc3.js';
 import { H as Helper } from './Helper-CeeYyNjR.js';
 import './anime.es-CgtvEd63.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-86S6hMF9.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-Qk6_ks1N.js';
 
 const sallaInstallmentCss = "salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;-webkit-transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-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{-webkit-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);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;-webkit-box-shadow: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;-webkit-transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-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{-webkit-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);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%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;background-color:white;border-radius:10px;margin:15px 0;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-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{-webkit-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);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:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;width:100%;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;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/esm/salla-loyalty-prize-item.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-86S6hMF9.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Qk6_ks1N.js';
 
 const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{-webkit-box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important;box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-86S6hMF9.js';
+import { r as registerInstance, h, H as Host } from './index-Qk6_ks1N.js';
 import { G as GiftIcon } from './gift-C0JNGIpa.js';
 
 const sallaLoyaltyProgramCss = "";

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-86S6hMF9.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-Qk6_ks1N.js';
 
 const sallaMetadataCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-86S6hMF9.js';
+import { r as registerInstance, h } from './index-Qk6_ks1N.js';
 
 const sallaNotificationsCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, g as getElement } from './index-86S6hMF9.js';
+import { r as registerInstance, h, g as getElement } from './index-Qk6_ks1N.js';
 import { H as Helper } from './Helper-CeeYyNjR.js';
 import './anime.es-CgtvEd63.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, g as getElement } from './index-86S6hMF9.js';
+import { r as registerInstance, h, g as getElement } from './index-Qk6_ks1N.js';
 
 var PageType;
 (function (PageType) {

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-86S6hMF9.js';
+import { r as registerInstance, h } from './index-Qk6_ks1N.js';
 import { I as IconVerified } from './check-uTyAzPSy.js';
 
 var iconFileArchive = `<!-- Generated by IcoMoon.io -->

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, g as getElement } from './index-86S6hMF9.js';
+import { r as registerInstance, h, g as getElement } from './index-Qk6_ks1N.js';
 import { H as Helper } from './Helper-CeeYyNjR.js';
 import './anime.es-CgtvEd63.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-86S6hMF9.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-Qk6_ks1N.js';
 
 const sallaPaymentsCss = ":host{display:block}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-86S6hMF9.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Qk6_ks1N.js';
 import { a as arrowLeft } from './arrow-left-BedNk7k1.js';
 
 var arrowRight = `<!-- Generated by IcoMoon.io -->

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-86S6hMF9.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Qk6_ks1N.js';
 import { I as IconVerified } from './check-uTyAzPSy.js';
 import { C as CameraIcon } from './camera-C6jIkM-X.js';
 
@@ -379,7 +379,7 @@ const SallaProductOptions = class {
         return selectedOption || defaultOption;
     }
     //we need the cart Id for productOption Image
-    componentWillLoad() {
+    async componentWillLoad() {
         if (salla.url.is_page("cart")) {
             this.disableCardValue = false;
             this.fillSelectedOptions();
@@ -401,10 +401,41 @@ const SallaProductOptions = class {
             }
         }
         this.outOfStockText = salla.lang.get('pages.products.out_of_stock');
-        return salla.onReady(() => {
-            const needsCartId = (!salla.storage.get('cart.id') && this.optionsData.some(option => ['file', 'image'].includes(option.type)));
-            return needsCartId ? salla.api.cart.getCurrentCartId(false, "salla-product-options") : null;
-        });
+        await salla.onReady();
+        document.addEventListener("paste", this.handlePaste.bind(this));
+        const needsCartId = (!salla.storage.get('cart.id') && this.optionsData.some(option => ['file', 'image'].includes(option.type)));
+        return needsCartId ? salla.api.cart.getCurrentCartId(false, "salla-product-options") : null;
+    }
+    /**
+     * This is a workaround for a bug in iOS 26 Safari, when pasting English text to RTL inputs, it adds extra text!!
+     * To avoid any break changes, we will make it only work on these conditions:
+     *  - content_copyright is on
+     *  - Apple Pay is enabled (means it's iOS/safari)
+     *  - Input is an input or textarea
+     *  - Salla form control
+     *  - Options array
+     */
+    handlePaste(event) {
+        var _a;
+        const target = event.target;
+        if (!Salla.config.get('store.settings.content_copyright')
+            || !Salla.helpers.hasApplePay()
+            || !(target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement)
+            || !target.classList.contains('s-form-control')
+            || !target.name.startsWith('options[')) {
+            return;
+        }
+        // Prevent default paste (to avoid Safari inserting extra content)
+        event.preventDefault();
+        // Read only the clipboard data
+        const text = ((_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData("text")) || "";
+        // Insert it manually at cursor if you want
+        const start = target.selectionStart;
+        const end = target.selectionEnd;
+        const newValue = target.value.slice(0, start) + text + target.value.slice(end);
+        target.value = newValue;
+        // Reset cursor position
+        target.setSelectionRange(start + text.length, start + text.length);
     }
     hideDigitalCardsOptions(option) {
         return (this.disableCardValue && option.type === DisplayType.DIGITAL_CARD_VALUE && !salla.url.is_page("cart"));