@salla.sa/twilight-components 2.14.573 → 2.14.574

package/dist/components/Helper.js

@@ -25,6 +25,14 @@ var FilterOptionInputType;
 //TODO::reduce it to 10
 salla.event.setMaxListeners(100);
 class Helper {
+    constructor() {
+        this.plans = {
+            0: 'basic',
+            25: 'plus',
+            50: 'pro',
+            100: 'special',
+        };
+    }
     setIncludes(includes) {
         this.includes = includes;
         return this;
@@ -38,7 +46,9 @@ class Helper {
         return this;
     }
     toggleClassIf(selector, classes1, classes2, callback) {
-        document.querySelectorAll(selector).forEach(element => this.toggleElementClassIf(element, classes1, classes2, callback));
+        document
+            .querySelectorAll(selector)
+            .forEach(element => this.toggleElementClassIf(element, classes1, classes2, callback));
         return this;
     }
     isValidEmail(email) {
@@ -47,7 +57,7 @@ class Helper {
     }
     filterEmojies(text) {
         var characterFilter = /(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff]|[\u0023-\u0039]\ufe0f?\u20e3|\u3299|\u3297|\u303d|\u3030|\u24c2|\ud83c[\udd70-\udd71]|\ud83c[\udd7e-\udd7f]|\ud83c\udd8e|\ud83c[\udd91-\udd9a]|\ud83c[\udde6-\uddff]|\ud83c[\ude01-\ude02]|\ud83c\ude1a|\ud83c\ude2f|\ud83c[\ude32-\ude3a]|\ud83c[\ude50-\ude51]|\u203c|\u2049|[\u25aa-\u25ab]|\u25b6|\u25c0|[\u25fb-\u25fe]|\u00a9|\u00ae|\u2122|\u2139|\ud83c\udc04|[\u2600-\u26FF]|\u2b05|\u2b06|\u2b07|\u2b1b|\u2b1c|\u2b50|\u2b55|\u231a|\u231b|\u2328|\u23cf|[\u23e9-\u23f3]|[\u23f8-\u23fa]|\ud83c\udccf|\u2934|\u2935|[\u2190-\u21ff])/g;
-        return text.replace(characterFilter, "");
+        return text.replace(characterFilter, '');
     }
     debounce(fn, ...data) {
         if (!this.debounce_) {
@@ -57,7 +67,7 @@ class Helper {
         return this.debounce_(fn, ...data);
     }
     getProductsSource(source) {
-        return {
+        return ({
             'brands.single': 'brands',
             'product.index': 'categories',
             'product.index.latest': 'latest',
@@ -68,23 +78,25 @@ class Helper {
             'product.index.tag': 'tags',
             'product.index.sales': 'sales',
             'components.most_sales_products': 'sales', //temporary, delete it after two days from now
-        }[source || salla.config.get('page.slug')] || source || 'latest';
+        }[source || salla.config.get('page.slug')] ||
+            source ||
+            'latest');
     }
     getApiSource(source) {
-        const apiSourceMap = { 'recently': 'selected' };
+        const apiSourceMap = { recently: 'selected' };
         return apiSourceMap[source] || source;
     }
     getPageTitleForSource(source) {
         source = {
-            'brands': 'common.titles.brands',
+            brands: 'common.titles.brands',
             // 'categories':'',
-            'latest': 'blocks.home.latest_products',
-            'offers': 'common.titles.discounts',
-            'reorder': 'common.titles.products',
+            latest: 'blocks.home.latest_products',
+            offers: 'common.titles.discounts',
+            reorder: 'common.titles.products',
             // 'search':'',
             // 'landing-page':'',
             // 'tags':'',
-            'sales': 'common.titles.most_sales',
+            sales: 'common.titles.most_sales',
         }[source];
         return source ? salla.lang.get(source) : '';
     }
@@ -169,12 +181,13 @@ class Helper {
     resolveFilterLabels(filters) {
         return filters.map((filter) => {
             const resolved = { ...filter };
-            resolved.label = {
-                category_id: salla.lang.get('common.titles.categories'),
-                brand_id: salla.lang.get('common.titles.brands'),
-                rating: salla.lang.get('pages.categories.filter_rating'),
-                price: salla.lang.get('pages.categories.filter_price'),
-            }[resolved.key] || resolved.label;
+            resolved.label =
+                {
+                    category_id: salla.lang.get('common.titles.categories'),
+                    brand_id: salla.lang.get('common.titles.brands'),
+                    rating: salla.lang.get('pages.categories.filter_rating'),
+                    price: salla.lang.get('pages.categories.filter_price'),
+                }[resolved.key] || resolved.label;
             if (resolved.key == 'rating') {
                 resolved.type = FilterOptionTypes.VALUES;
                 //@ts-ignore
@@ -311,92 +324,102 @@ class Helper {
         scriptElement.type = 'application/ld+json';
         // TODO: This json object MIGHT need mode data or properties.
         const jsonData = {
-            "@context": "http://schema.org",
-            "@type": "Product",
-            "name": product?.name,
-            "image": product?.image?.url || product?.thumbnail,
-            "description": product?.description,
-            "brand": {
-                "@type": "Brand",
-                "logo": product?.brand?.logo
+            '@context': 'http://schema.org',
+            '@type': 'Product',
+            name: product?.name,
+            image: product?.image?.url || product?.thumbnail,
+            description: product?.description,
+            brand: {
+                '@type': 'Brand',
+                logo: product?.brand?.logo,
+            },
+            offers: {
+                '@type': 'Offer',
+                price: product?.price,
             },
-            "offers": {
-                "@type": "Offer",
-                "price": product?.price
-            }
         };
         scriptElement.text = JSON.stringify(jsonData);
         return scriptElement;
     }
     createProductSchema(product, position) {
         let ProductSchema = {
-            "productID": `${product.id}`,
-            "@type": 'Product',
-            "name": product.name,
-            "url": product.url,
-            "image": product.image.url || product.image,
-            "description": product.description || product.subtitle || product.name,
+            productID: `${product.id}`,
+            '@type': 'Product',
+            name: product.name,
+            url: product.url,
+            image: product.image.url || product.image,
+            description: product.description || product.subtitle || product.name,
             // Add SKU only if valid
-            ...(product.sku && product.sku.length > 0 && {
-                "sku": product.sku
+            ...(product.sku &&
+                product.sku.length > 0 && {
+                sku: product.sku,
             }),
-            "offers": {
-                "@type": "Offer",
-                "url": product.url,
-                "priceCurrency": product.currency,
-                "price": product.price,
-                "itemCondition": "NewCondition",
-                "availability": product.is_available ? "InStock" : "OutOfStock",
+            offers: {
+                '@type': 'Offer',
+                url: product.url,
+                priceCurrency: product.currency,
+                price: product.price,
+                itemCondition: 'NewCondition',
+                availability: product.is_available ? 'InStock' : 'OutOfStock',
                 //if there is no product.discount_ends, will set it to be valid until the end of this week
-                "priceValidUntil": product.discount_ends || (new Date(new Date().setDate(new Date().getDate() + 7)).toISOString().split('T')[0]),
-                "priceSpecification": {
-                    "@type": "PriceSpecification",
-                    "price": product.regular_price,
-                    "priceCurrency": product.currency,
-                    "valueAddedTaxIncluded": product.is_taxable,
+                priceValidUntil: product.discount_ends ||
+                    new Date(new Date().setDate(new Date().getDate() + 7)).toISOString().split('T')[0],
+                priceSpecification: {
+                    '@type': 'PriceSpecification',
+                    price: product.regular_price,
+                    priceCurrency: product.currency,
+                    valueAddedTaxIncluded: product.is_taxable,
                 },
-                "seller": {
-                    "@type": "Organization",
-                    "name": salla.config.get('store.name'),
+                seller: {
+                    '@type': 'Organization',
+                    name: salla.config.get('store.name'),
                 },
-                "shippingDetails": {
-                    "@type": "OfferShippingDetails",
-                    "shippingRate": {
-                        "@type": "MonetaryAmount",
-                        "value": "0",
-                        "currency": product.currency || "SAR"
+                shippingDetails: {
+                    '@type': 'OfferShippingDetails',
+                    shippingRate: {
+                        '@type': 'MonetaryAmount',
+                        value: '0',
+                        currency: product.currency || 'SAR',
                     },
-                    "deliveryTime": {
-                        "@type": "ShippingDeliveryTime",
-                        "businessDays": {
-                            "@type": "OpeningHoursSpecification",
-                            "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]
+                    deliveryTime: {
+                        '@type': 'ShippingDeliveryTime',
+                        businessDays: {
+                            '@type': 'OpeningHoursSpecification',
+                            dayOfWeek: [
+                                'Monday',
+                                'Tuesday',
+                                'Wednesday',
+                                'Thursday',
+                                'Friday',
+                                'Saturday',
+                                'Sunday',
+                            ],
                         },
-                        "cutoffTime": "14:00"
-                    }
+                        cutoffTime: '14:00',
+                    },
                 },
-                "hasMerchantReturnPolicy": {
-                    "@type": "MerchantReturnPolicy",
-                    "returnPolicyCategory": "https://schema.org/MerchantReturnFiniteReturnWindow",
-                    "merchantReturnDays": 30,
-                    "returnMethod": "https://schema.org/ReturnByMail",
-                    "returnFees": "https://schema.org/FreeReturn"
-                }
-            }
+                hasMerchantReturnPolicy: {
+                    '@type': 'MerchantReturnPolicy',
+                    returnPolicyCategory: 'https://schema.org/MerchantReturnFiniteReturnWindow',
+                    merchantReturnDays: 30,
+                    returnMethod: 'https://schema.org/ReturnByMail',
+                    returnFees: 'https://schema.org/FreeReturn',
+                },
+            },
         };
         //@ts-ignore
         if (product.rating?.stars) {
             ProductSchema.aggregateRating = {
-                "@type": "AggregateRating",
+                '@type': 'AggregateRating',
                 //@ts-ignore
-                "ratingValue": product.rating.stars,
-                "reviewCount": product.rating.count,
+                ratingValue: product.rating.stars,
+                reviewCount: product.rating.count,
             };
         }
         return {
-            "@type": "ListItem",
-            "position": position,
-            "item": ProductSchema,
+            '@type': 'ListItem',
+            position: position,
+            item: ProductSchema,
         };
     }
     generateProductSchema(productList) {
@@ -409,21 +432,21 @@ class Helper {
         script.type = 'application/ld+json';
         script.id = schemaId;
         const schema = {
-            "@context": "https://schema.org",
-            "@type": "ItemList",
-            "name": salla.config.get('page.title'),
-            "itemListElement": productList.map((product, indxe) => this.createProductSchema(product, indxe + 1)),
+            '@context': 'https://schema.org',
+            '@type': 'ItemList',
+            name: salla.config.get('page.title'),
+            itemListElement: productList.map((product, indxe) => this.createProductSchema(product, indxe + 1)),
         };
         script.textContent = JSON.stringify(schema);
         document.head.appendChild(script);
     }
     /**
-    * Format date in the form of `Monday 13 November 2023`
-    */
+     * Format date in the form of `Monday 13 November 2023`
+     */
     formatDateFromString(dateString, numberCb, lang = 'en') {
         const errors = {
-            en: "Invalid Date",
-            ar: "تاريخ غير صالح"
+            en: 'Invalid Date',
+            ar: 'تاريخ غير صالح',
         };
         // Check if dateString exists and is not empty
         if (!dateString || typeof dateString !== 'string' || dateString.trim() === '') {
@@ -446,11 +469,37 @@ class Helper {
         }
         const daysOfWeek = {
             en: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
-            ar: ['الأحد', 'الاثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت']
+            ar: ['الأحد', 'الاثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت'],
         };
         const months = {
-            en: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
-            ar: ['يناير', 'فبراير', 'مارس', 'أبريل', 'مايو', 'يونيو', 'يوليو', 'أغسطس', 'سبتمبر', 'أكتوبر', 'نوفمبر', 'ديسمبر']
+            en: [
+                'January',
+                'February',
+                'March',
+                'April',
+                'May',
+                'June',
+                'July',
+                'August',
+                'September',
+                'October',
+                'November',
+                'December',
+            ],
+            ar: [
+                'يناير',
+                'فبراير',
+                'مارس',
+                'أبريل',
+                'مايو',
+                'يونيو',
+                'يوليو',
+                'أغسطس',
+                'سبتمبر',
+                'أكتوبر',
+                'نوفمبر',
+                'ديسمبر',
+            ],
         };
         const dayOfWeek = daysOfWeek[lang][dateObject.getDay()];
         const dayOfMonth = numberCb(dateObject.getDate(), lang === 'en');
@@ -459,14 +508,15 @@ class Helper {
         return `${dayOfWeek} ${dayOfMonth} ${month} ${year}`;
     }
     /**
-   * Copy text into clipboard.
-   * @param event
-   */
+     * Copy text into clipboard.
+     * @param event
+     */
     copyToClipboard(event) {
         // Get the text content from the clicked div
         var textToCopy = event.target.innerText;
         // Use the Clipboard API to copy text to the clipboard
-        navigator.clipboard.writeText(textToCopy)
+        navigator.clipboard
+            .writeText(textToCopy)
             .then(() => {
             console.log('Text copied to clipboard: ' + textToCopy);
         })
@@ -490,38 +540,38 @@ class Helper {
                 items.forEach((item) => {
                     item.classList.add('animated');
                 });
-            }
+            },
         });
     }
     createReviewObject(reviewData) {
         return {
-            "@type": "Review",
-            "author": { "@type": "Person", "name": reviewData.name },
+            '@type': 'Review',
+            author: { '@type': 'Person', name: reviewData.name },
             //   "datePublished": reviewData.date * 1000,
-            "reviewBody": reviewData.content,
-            "reviewRating": {
-                "@type": "Rating",
-                "bestRating": "5",
-                "ratingValue": reviewData.stars,
-                "worstRating": "1"
-            }
+            reviewBody: reviewData.content,
+            reviewRating: {
+                '@type': 'Rating',
+                bestRating: '5',
+                ratingValue: reviewData.stars,
+                worstRating: '1',
+            },
         };
     }
     generateReviewSchema(reviews) {
         const script = document.createElement('script');
         script.type = 'application/ld+json';
         const schema = {
-            "@context": "http://schema.org/",
-            "@type": "Store",
-            "name": salla.config.get('store.name'),
-            "url": salla.config.get('store.url'),
-            "address": "الرياض",
-            "review": reviews.map((review) => this.createReviewObject(review)),
-            "aggregateRating": {
-                "@type": "AggregateRating",
-                "ratingValue": reviews.reduce((acc, review) => acc + review.stars, 0) / reviews.length,
-                "reviewCount": reviews.length
-            }
+            '@context': 'http://schema.org/',
+            '@type': 'Store',
+            name: salla.config.get('store.name'),
+            url: salla.config.get('store.url'),
+            address: 'الرياض',
+            review: reviews.map(review => this.createReviewObject(review)),
+            aggregateRating: {
+                '@type': 'AggregateRating',
+                ratingValue: reviews.reduce((acc, review) => acc + review.stars, 0) / reviews.length,
+                reviewCount: reviews.length,
+            },
         };
         script.textContent = JSON.stringify(schema);
         document.head.appendChild(script);
@@ -545,13 +595,17 @@ class Helper {
             if (Number.isNaN(id))
                 return;
             const added = salla.wishlist.api.has(id);
-            card.querySelectorAll('.s-product-card-wishlist-btn, .btn--wishlist').forEach((btn) => {
+            card.querySelectorAll('.s-product-card-wishlist-btn, .btn--wishlist').forEach(btn => {
                 btn.classList.toggle('s-product-card-wishlist-added', added);
                 btn.classList.toggle('wishlist-added', added);
             });
         });
     }
+    getPlanName() {
+        const ray = Number(salla.config.get('store.ray'));
+        return ray in this.plans ? this.plans[ray] : undefined;
+    }
 }
-var Helper$1 = new Helper;
+var Helper$1 = new Helper();
 
 export { FilterOptionTypes as F, Helper$1 as H };

package/dist/components/heart.js

@@ -0,0 +1,11 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+var HeartIcon = `<!-- 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>
+<path d="M23.333 2.267c-3.547 0-5.779 1.605-7.333 3.061-1.555-1.456-3.787-3.061-7.333-3.061-5.955 0-8.667 5.045-8.667 9.733 0 8.503 10.147 14.735 15.513 16.841 0.156 0.061 0.321 0.092 0.487 0.092s0.331-0.031 0.487-0.092c5.367-2.107 15.513-8.339 15.513-16.841 0-4.688-2.712-9.733-8.667-9.733zM16 26.161c-5.537-2.309-13.333-7.799-13.333-14.161 0-3.517 1.856-7.067 6-7.067 2.983 0 4.656 1.451 6.384 3.203 0.5 0.508 1.399 0.508 1.899 0 1.728-1.752 3.401-3.203 6.384-3.203 4.144 0 6 3.549 6 7.067 0 6.363-7.796 11.852-13.333 14.161z"></path>
+</svg>
+`;
+
+export { HeartIcon as H };