npm - @salla.sa/twilight-components - Versions diffs - 2.14.405 → 2.14.406 - Mend

@salla.sa/twilight-components 2.14.405 → 2.14.406

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (295) hide show

package/dist/cjs/salla-menu.cjs.entry.js CHANGED Viewed

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

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

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

package/dist/cjs/salla-multiple-bundle-product-cart_2.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.js');
 const sallaMultipleBundleProductCartCss = "";

package/dist/cjs/salla-multiple-bundle-product-options-modal_2.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.js');
 var keyboard_arrow_right = require('./keyboard_arrow_right-BayM_Il2.js');
 const sallaMultipleBundleProductOptionsModalCss = ":host{display:block}";

package/dist/cjs/salla-multiple-bundle-product.cjs.entry.js CHANGED Viewed

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

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');

package/dist/cjs/salla-offer-modal.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.js');
 var specialDiscount = require('./special-discount-DC2oXurL.js');
 var tag = require('./tag-D-PcUR33.js');
 var cart2 = require('./cart2-B98PSAFN.js');

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

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

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

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

package/dist/cjs/salla-order-details-options.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.js');
 var copyIcon = `<!-- 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-order-details.cjs.entry.js CHANGED Viewed

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

package/dist/cjs/salla-order-edit-item.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.js');
 const sallaOrderEditItemCss = "";

package/dist/cjs/salla-order-edit.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.js');
 const sallaOrderEditCss = "";

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

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

package/dist/cjs/salla-order-totals-card.cjs.entry.js CHANGED Viewed

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');

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

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

package/dist/cjs/salla-placeholder.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.js');
 var Inbox = `<!-- 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-price-range.cjs.entry.js CHANGED Viewed

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

package/dist/cjs/salla-product-card_2.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.js');
 var star2 = require('./star2-R146a27p.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.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 CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var shoppingBag = require('./shopping-bag-C1gvTVHr.js');
 var Helper = require('./Helper-CU4Xuiki.js');

package/dist/cjs/salla-progress-bar.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.js');
 const sallaProgressBarCss = "";

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.js');
 var iphoneX = require('./iphone-x-qC21wCLj.js');
 var mail = require('./mail-Bgvt2hc9.js');
 var cancel = require('./cancel-B5SbMYEk.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.js');
 var star = require('./star-DGcH7Yso.js');
 var checkCircle2 = require('./check-circle2-BDvlT4_n.js');
 var Helper = require('./Helper-CU4Xuiki.js');

package/dist/cjs/salla-reward-action_4.cjs.entry.js CHANGED Viewed

@@ -3,13 +3,13 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
-var functions = require('./functions-AX9hdR3s.js');
+var index = require('./index-DPCf4JsS.js');
+var functions = require('./functions-BteTqioX.js');
 var gift = require('./gift-DbNivqYO.js');
 var tag = require('./tag-D-PcUR33.js');
 var check = require('./check-BnVBPQNp.js');
 var cancel = require('./cancel-B5SbMYEk.js');
-var trackedPromise = require('./tracked-promise-kpbdqzFi.js');
+var trackedPromise = require('./tracked-promise-BydfL53z.js');
 const sallaLoyaltyProgramCss$3 = "";

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.js');
 var search = require('./search-c7Aa7lM9.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');

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

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

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var facebook = require('./facebook-DbXua6B9.js');
 var mail = require('./mail-Bgvt2hc9.js');

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

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

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

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

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.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%)}.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 CHANGED Viewed

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.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 CHANGED Viewed

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.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 CHANGED Viewed

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.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/{tracked-promise-kpbdqzFi.js → tracked-promise-BydfL53z.js} RENAMED Viewed

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

package/dist/cjs/twilight.cjs.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.js');
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*

package/dist/cjs/{vanilla-picker-B-T8Rzuq.js → vanilla-picker-CN1BrJl3.js} RENAMED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DgQabv-C.js');
+var index = require('./index-DPCf4JsS.js');
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/collection/components/salla-conditional-fields/salla-conditional-fields.js CHANGED Viewed

@@ -15,15 +15,27 @@ export class SallaConditionalFields {
         });
     }
     disableInputs(field) {
-        field.querySelectorAll('[name]').forEach((input) => {
+        field.querySelectorAll('[name]').forEach((node) => {
+            const input = node;
             input.setAttribute('disabled', '');
             input.removeAttribute('required');
-            if (input?.tagName?.toLowerCase() === 'select') {
+            if (input instanceof HTMLSelectElement) {
                 input.value = '';
+                return;
+            }
+            if (input instanceof HTMLTextAreaElement) {
+                input.value = '';
+                return;
             }
-            if (['checkbox'].includes(input.getAttribute('type')) && input.hasOwnProperty('checked')) {
-                // @ts-ignore
-                input.checked = false;
+            if (input instanceof HTMLInputElement) {
+                const t = (input.type || 'text').toLowerCase();
+                if (t === 'checkbox' || t === 'radio') {
+                    input.checked = false;
+                    return;
+                }
+                if (['text', 'search', 'number', 'tel', 'url', 'email'].includes(t)) {
+                    input.value = '';
+                }
             }
         });
     }
@@ -117,7 +129,7 @@ export class SallaConditionalFields {
         });
     }
     render() {
-        return (h(Host, { key: 'eb080f6f4321fbdfdb8a1aca7a8c7d877de54cca' }, h("slot", { key: 'b898259ac1a7fc5a89844f9228bd0f4a3f86d867' })));
+        return (h(Host, { key: 'a7314ccb4aaccc58db6c24db7a0f57e53087fdac' }, h("slot", { key: '0f192d2fd0670c8ba0e3d94dc84fed81123373b2' })));
     }
     static get is() { return "salla-conditional-fields"; }
     static get elementRef() { return "host"; }

package/dist/collection/components/salla-product-options/salla-product-options.js CHANGED Viewed

@@ -156,8 +156,12 @@ export class SallaProductOptions {
         const requiredElements = this.host.querySelectorAll('[required]');
         let pass = true;
         for (let i = 0; i < requiredElements.length; i++) {
+            const el = requiredElements[i];
+            if (el.disabled || el.closest('.hidden')) {
+                continue;
+            }
             //if there is only one invalid option, return false
-            if ('reportValidity' in requiredElements[i] && !requiredElements[i].reportValidity()) {
+            if ('reportValidity' in el && !el.reportValidity()) {
                 pass = false;
             }
         }
@@ -280,6 +284,13 @@ export class SallaProductOptions {
             }
             return opt;
         });
+        this.pruneInvisibleConditionalSelections();
+        this.setSelectedSkus();
+        requestAnimationFrame(() => {
+            this.optionsData
+                ?.filter(o => o.type === DisplayType.MULTIPLE_OPTIONS && o.required)
+                .forEach(o => this.handleRequiredMultipleOptions(o));
+        });
         // Emit the event only if fireChangeEvent is true
         if (fireChangeEvent) {
             this.changed.emit(data);
@@ -299,9 +310,60 @@ export class SallaProductOptions {
             return;
         }
         const optionContainer = this.host.querySelector(`[data-option-id="${option.id}"]`);
+        if (!optionContainer) {
+            return;
+        }
         const hasChecked = optionContainer.querySelectorAll('input:checked').length;
         optionContainer.querySelectorAll('input').forEach(input => input.toggleAttribute('required', !hasChecked));
     }
+    pruneInvisibleConditionalSelections() {
+        const passes = Math.max(1, this.optionsData.length);
+        for (let p = 0; p < passes; p++) {
+            let clearedSomething = false;
+            for (const opt of this.optionsData) {
+                const vc = opt.visibility_condition;
+                if (!vc) {
+                    continue;
+                }
+                const selectedAtParent = this.selectedOptions
+                    .filter(s => s.option_id === vc.option)
+                    .map(s => String(s.id));
+                const targetSelected = selectedAtParent.includes(String(vc.value));
+                const shouldShow = vc.operator === '=' ? targetSelected : !targetSelected;
+                if (shouldShow) {
+                    continue;
+                }
+                if (this.clearStaleOption(opt.id)) {
+                    clearedSomething = true;
+                }
+            }
+            if (!clearedSomething) {
+                break;
+            }
+        }
+    }
+    clearStaleOption(optionId) {
+        const opt = this.optionsData.find(o => o.id === optionId);
+        if (!opt) {
+            return false;
+        }
+        const beforeLen = this.selectedOptions.length;
+        this.selectedOptions = this.selectedOptions.filter(s => s.option_id !== optionId);
+        const removedFromSelected = this.selectedOptions.length !== beforeLen;
+        const hasValue = opt.value != null && String(opt.value).length > 0;
+        const hadSelectedDetail = opt.details?.some(d => d.is_selected) ?? false;
+        if (!removedFromSelected && !hasValue && !hadSelectedDetail) {
+            return false;
+        }
+        this.optionsData = this.optionsData.map(o => o.id !== optionId
+            ? o
+            : {
+                ...o,
+                value: undefined,
+                details: o.details?.map(d => ({ ...d, is_selected: false })) ?? o.details,
+            });
+        return true;
+    }
     getLatLng(value, type) {
         return value
             ? value.split(',')[type === 'lat' ? 0 : 1]