@salla.sa/twilight-components 2.14.405 → 2.14.407

package/dist/components/salla-conditional-fields2.js

@@ -16,15 +16,27 @@ const SallaConditionalFields = /*@__PURE__*/ proxyCustomElement(class SallaCondi
         });
     }
     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 = '';
+                }
             }
         });
     }
@@ -118,7 +130,7 @@ const SallaConditionalFields = /*@__PURE__*/ proxyCustomElement(class SallaCondi
         });
     }
     render() {
-        return (h(Host, { key: 'eb080f6f4321fbdfdb8a1aca7a8c7d877de54cca' }, h("slot", { key: 'b898259ac1a7fc5a89844f9228bd0f4a3f86d867' })));
+        return (h(Host, { key: 'a7314ccb4aaccc58db6c24db7a0f57e53087fdac' }, h("slot", { key: '0f192d2fd0670c8ba0e3d94dc84fed81123373b2' })));
     }
     get host() { return this; }
 }, [4, "salla-conditional-fields", undefined, [[0, "change", "changeHandler"], [0, "input", "changeHandler"]]]);

package/dist/components/salla-file-upload2.js

@@ -322,7 +322,12 @@ const SallaFileUpload = /*@__PURE__*/ proxyCustomElement(class SallaFileUpload e
                 "s-file-upload-multiple": this.allowMultiple,
             } }, h("input", { key: 'd203f426a3e4ac253ed6e6f96fd495620a87ee47', type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), this.allowMultiple && this.showMaxCountHint ? h("div", { class: "s-file-upload-hint s-hidden" }, this.max_count_hint(this.maxFilesCount)) : '', h("input", { key: '865690093e0d86e01a801a50a0d32263ab6adc29', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
     }
-    componentDidLoad() {
+    async componentDidLoad() {
+        await Salla.onRead();
+        await Salla.lang.onLoaded();
+        if (this.profileImage && !this.value) {
+            this.value = Salla.config.get('user.avatar');
+        }
         let files = this.getFiles();
         this.filepond = this.FilePond.create(this.fileUploader, {
             name: this.payloadName || this.name,

package/dist/components/salla-login-modal2.js

@@ -85,12 +85,14 @@ const SallaLoginModal = /*@__PURE__*/ proxyCustomElement(class SallaLoginModal e
             // }
             if (action == 'ready') {
                 if (value.isPasskeyPage) {
-                    this.createPassKey.postMessage({ source: "login", type: "init_passkey_page", data: {
+                    this.createPassKey.postMessage({
+                        source: "login", type: "init_passkey_page", data: {
                             token: salla.storage.get('token'),
                             store_id: salla.config.get('store.id'),
                             locale: salla.config.get('user.language_code'),
                             redirect: salla.config.get('store.url')
-                        } }, salla.config.get('login.url'));
+                        }
+                    }, salla.config.get('login.url'));
                     return;
                 }
                 this.handleIframeReadyAction();
@@ -158,18 +160,18 @@ const SallaLoginModal = /*@__PURE__*/ proxyCustomElement(class SallaLoginModal e
      * Open login component
      */
     async open(_event = null) {
+        if (Salla.config.isGuest()) {
+            return this.modal.open();
+        }
         /**
          * This is a workaround until we remove all the user objet from twig files
          * When the user is already login, let's reload the page
          */
-        if (!salla.config.isGuest()) {
-            if (!this.withoutReload) {
-                return location.reload();
-            }
-            // Fire an event if withoutReload is true
-            return;
+        if (!this.withoutReload) {
+            return location.reload();
         }
-        return this.modal.open();
+        // Fire an event if withoutReload is true
+        return;
     }
     close() {
         Salla.event.emit('salla-login::closing');
@@ -302,6 +304,10 @@ const SallaLoginModal = /*@__PURE__*/ proxyCustomElement(class SallaLoginModal e
         this.modal.open();
     }
     render() {
+        //let's avoid showing the login modal if the user is already logged in
+        if (Salla.config.isUser()) {
+            return;
+        }
         if (this.inline) {
             return this.getLoginDom();
         }

package/dist/components/salla-product-options2.js

@@ -206,8 +206,12 @@ const SallaProductOptions = /*@__PURE__*/ proxyCustomElement(class SallaProductO
         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;
             }
         }
@@ -330,6 +334,13 @@ const SallaProductOptions = /*@__PURE__*/ proxyCustomElement(class SallaProductO
             }
             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);
@@ -349,9 +360,60 @@ const SallaProductOptions = /*@__PURE__*/ proxyCustomElement(class SallaProductO
             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]

package/dist/esm/{filepond-DySdjR-8.js → filepond-DItgQfdC.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CtedSqt5.js';
+import { d as getDefaultExportFromCjs } from './index-DszLnUGj.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-poster-BlnNa8do.js → filepond-plugin-file-poster-DwToCHWM.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CtedSqt5.js';
+import { d as getDefaultExportFromCjs } from './index-DszLnUGj.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-size-BQ6W4ihV.js → filepond-plugin-file-validate-size-BqgSqa91.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CtedSqt5.js';
+import { d as getDefaultExportFromCjs } from './index-DszLnUGj.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-type-BSjgTfes.js → filepond-plugin-file-validate-type-AOPY-zLx.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CtedSqt5.js';
+import { d as getDefaultExportFromCjs } from './index-DszLnUGj.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-edit-BasdFpdu.js → filepond-plugin-image-edit-CmzKh2w7.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CtedSqt5.js';
+import { d as getDefaultExportFromCjs } from './index-DszLnUGj.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-exif-orientation-DgqaR-d4.js → filepond-plugin-image-exif-orientation-BegRjz9p.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CtedSqt5.js';
+import { d as getDefaultExportFromCjs } from './index-DszLnUGj.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-preview-CqXMId16.js → filepond-plugin-image-preview-aoOBjtcL.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CtedSqt5.js';
+import { d as getDefaultExportFromCjs } from './index-DszLnUGj.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{functions-DrJQx-Uk.js → functions-DJndw4hV.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { h } from './index-CtedSqt5.js';
+import { h } from './index-DszLnUGj.js';
 
 function nearestLowerMultiple(number, multipleOf = window.matchMedia('(min-width: 768px)').matches ? 3 : 2) {
     return number < multipleOf ? number : number - (number % multipleOf);

package/dist/esm/{index-n47ndSs0.js → index-BJPLsNkV.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-CtedSqt5.js';
+import { d as getDefaultExportFromCjs } from './index-DszLnUGj.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {