@salla.sa/twilight-components 2.14.511 → 2.14.513

package/dist/cjs/twilight.cjs.js

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

package/dist/cjs/{vanilla-picker-DCpYcH-A.js → vanilla-picker-Dk9Srx1k.js}

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

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

@@ -4,6 +4,7 @@
 import { h, Host } from "@stencil/core";
 import { DisplayType } from "./interfaces";
 import { computeAvailabilityMap } from "./availability-utils";
+import { FileOrigin } from "../salla-file-upload/interfaces";
 import CheckCircleIcon from "../../assets/svg/check.svg";
 import CameraIcon from "../../assets/svg/camera.svg";
 import FileIcon from "../../assets/svg/file-upload.svg";
@@ -721,7 +722,13 @@ export class SallaProductOptions {
             this.getExpireDonationMessage(option));
     }
     fileUploader(option, additions = null) {
-        return h("salla-file-upload", { ...(additions || {}), "payload-name": "file", value: option.value, "instant-upload": true, name: this.generateInputName(option.id), required: !option.visibility_condition && option.required, height: "120px", onAdded: (e) => this.changedHandler(e, option), url: salla.cart.api.getUploadImageEndpoint(), "form-data": { cart_item_id: this.productId, product_id: this.productId }, onInvalidInput: (e) => this.invalidHandler(e, option), class: { "s-product-options-image-input": true, required: option.required } }, h("div", { class: "s-product-options-filepond-placeholder" }, h("span", { class: "s-product-options-filepond-placeholder-icon", innerHTML: additions.accept?.split(',').every(type => type.includes('image'))
+        return h("salla-file-upload", { ...(additions || {}), "payload-name": "file", value: option.value, "instant-upload": true, name: this.generateInputName(option.id), required: !option.visibility_condition && option.required, height: "120px", onAdded: (e) => {
+                // FilePond restores cart attachments as LOCAL origin. Still reconcile internal
+                // option state, but suppress outward `changed` / product-options::change so
+                // theme cart overlays are not pinned with no matching cart.updateItem (SP-21412).
+                const isRestoredAttachment = e.detail?.file?.origin === FileOrigin.LOCAL;
+                this.changedHandler(e, option, !isRestoredAttachment);
+            }, url: salla.cart.api.getUploadImageEndpoint(), "form-data": { cart_item_id: this.productId, product_id: this.productId }, onInvalidInput: (e) => this.invalidHandler(e, option), class: { "s-product-options-image-input": true, required: option.required } }, h("div", { class: "s-product-options-filepond-placeholder" }, h("span", { class: "s-product-options-filepond-placeholder-icon", innerHTML: additions.accept?.split(',').every(type => type.includes('image'))
                 ? CameraIcon
                 : FileIcon }), h("p", { class: "s-product-options-filepond-placeholder-text" }, salla.lang.get('common.uploader.drag_and_drop')), h("span", { class: "filepond--label-action" }, salla.lang.get('common.uploader.browse'))));
     }

package/dist/collection/components/salla-products-list/salla-products-list.js

@@ -623,32 +623,64 @@ export class SallaProductsList {
             ? this.currentCategoryIdFilter
             : Helper.getProductsSourceValue(this.source, this.sourceValue);
     }
-    logFetchError(errorPhase, error, fetchPath, http, response) {
+    getResponseHeader(headers, name) {
+        if (!headers)
+            return undefined;
+        if (typeof headers.get === 'function') {
+            return headers.get(name) || undefined;
+        }
+        const record = headers;
+        const direct = record[name] ?? record[name.toLowerCase()];
+        if (typeof direct === 'string')
+            return direct;
+        if (Array.isArray(direct) && typeof direct[0] === 'string')
+            return direct[0];
+        return undefined;
+    }
+    logFetchError(errorPhase, error, fetchPath, http) {
         try {
-            const body = response && typeof response === 'object' ? response : null;
-            const sourceValue = this.getSourceValue();
+            const errorName = error instanceof Error ? error.name : undefined;
+            const errorMessage = error instanceof Error ? error.message : String(error);
+            const responseUrl = http?.url || fetchPath;
+            const cfRay = this.getResponseHeader(http?.headers, 'cf-ray');
+            const cfMitigated = this.getResponseHeader(http?.headers, 'cf-mitigated');
+            const server = this.getResponseHeader(http?.headers, 'server');
+            const cloudflareBlock = cfMitigated?.toLowerCase() === 'challenge' ||
+                (http?.status === 403 &&
+                    (!!cfRay || !!server?.toLowerCase().includes('cloudflare')));
+            const errorDetails = `${errorName || ''} ${errorMessage}`;
+            let failureType = errorPhase === 'processing' ? 'processing' : 'unknown';
+            // Fetch-specific classifiers must not overwrite processing failures
+            // (e.g. append/render errors whose message mentions timeout or whose path has /null).
+            if (errorPhase === 'fetch') {
+                if (cloudflareBlock) {
+                    failureType = 'cloudflare';
+                }
+                else if (/(?:^|\/)null(?:[/?#]|$)/i.test(responseUrl || '')) {
+                    failureType = 'invalid_url';
+                }
+                else if (/timeout|timed out|abort/i.test(errorDetails)) {
+                    failureType = 'timeout';
+                }
+                else if (!http?.status && /fetch|network|load failed|connection/i.test(errorDetails)) {
+                    failureType = 'network';
+                }
+                else if (http?.status) {
+                    failureType = 'http';
+                }
+            }
             salla.analytics?.log('salla::products.list.fetch.error', {
                 errorPhase,
+                failureType,
+                cloudflareBlock,
                 source: this.getSource(),
-                sourceValue: typeof sourceValue === 'string' && sourceValue.length > 200
-                    ? `${sourceValue.slice(0, 200)}…`
-                    : Array.isArray(sourceValue)
-                        ? { length: sourceValue.length }
-                        : sourceValue,
                 pageIndex: this.infiniteScroll?.pageIndex,
-                fetchPath,
                 httpStatus: http?.status,
-                httpStatusText: http?.statusText,
-                responseUrl: http?.url,
-                ...(body && {
-                    dataCount: Array.isArray(body.data) ? body.data.length : undefined,
-                    responseKeys: Object.keys(body).slice(0, 15),
-                    filtersCount: Array.isArray(body.filters) ? body.filters.length : undefined,
-                }),
-                errorMessage: error instanceof Error ? error.message : String(error),
-                ...(errorPhase === 'processing' && error instanceof Error && error.stack
-                    ? { errorStack: error.stack.slice(0, 500) }
-                    : {}),
+                responseUrl,
+                cfRay,
+                cfMitigated,
+                errorName,
+                errorMessage: errorMessage.slice(0, 500),
             });
         }
         catch {
@@ -734,7 +766,7 @@ export class SallaProductsList {
             catch (error) {
                 console.error('Error during load:', error);
                 const res = httpResponse;
-                this.logFetchError('processing', error, typeof path === 'string' ? path : undefined, res, response);
+                this.logFetchError('processing', error, typeof path === 'string' ? path : undefined, res);
             }
             finally {
                 this.isProcessing = false;
@@ -821,6 +853,16 @@ export class SallaProductsList {
             source: Helper.getApiSource(this.getSource()),
             source_value: this.getSourceValue(),
             limit: this.limit,
+        })
+            .catch(error => {
+            const response = error?.response;
+            const responseUrl = response?.request?.responseURL || error?.config?.url;
+            this.logFetchError('fetch', error, responseUrl, {
+                status: response?.status,
+                url: responseUrl,
+                headers: response?.headers,
+            });
+            throw error;
         })
             .then(async (response) => {
             if (!response.data.length) {