@salla.sa/twilight-components 3.0.17 → 3.0.19

package/dist/collection/components/salla-rating-modal/salla-rating-modal-v2.js

@@ -65,6 +65,7 @@ export class SallaRatingModalV2 {
         this.stepsCount = 0;
         this.currentIndex = 0;
         this.submitted = [];
+        this.isSubmitting = false;
         this.thanksCountdownInterval = null;
         this.MAX_IMAGE_UPLOAD_LIMIT = MAX_IMAGE_UPLOAD_LIMIT;
         this.MAX_VIDEO_UPLOAD_LIMIT = MAX_VIDEO_UPLOAD_LIMIT;
@@ -577,10 +578,11 @@ export class SallaRatingModalV2 {
         this.showActiveStep();
     }
     async submit() {
-        if (this.hasUploadsInProgress)
+        if (this.hasUploadsInProgress || this.isSubmitting)
             return;
-        this.refreshWizardRefs();
+        this.isSubmitting = true;
         try {
+            this.refreshWizardRefs();
             if (!this.submittedBefore()) {
                 this.validate();
             }
@@ -603,6 +605,7 @@ export class SallaRatingModalV2 {
             }
         }
         finally {
+            this.isSubmitting = false;
             this.nextBtn?.stop();
             salla.config.canLeave = true;
         }

package/dist/collection/shared/free-shipping-timer.js

@@ -0,0 +1,130 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+const HOUR = 60 * 60 * 1000;
+const DAY = 24 * HOUR;
+const MAX_TIMEOUT = 2 ** 31 - 1;
+// Used only when storage is not available (private mode, blocked site data).
+let memoryStartedAt = null;
+const DEFAULT_COUNTDOWN_HOURS = 45;
+const DEFAULT_HIDDEN_DAYS = 7;
+const positive = (value, fallback) => {
+    const number = Number(value);
+    return Number.isFinite(number) && number > 0 ? number : fallback;
+};
+/** The countdown and hidden period, from the store settings with 45 hours and 7 days as the fallback. */
+export function getTimerSettings() {
+    const settings = salla.config?.get?.('store.settings.free_shipping_banner');
+    return {
+        countdownMs: positive(settings?.countdown_hours, DEFAULT_COUNTDOWN_HOURS) * HOUR,
+        hiddenMs: positive(settings?.hidden_days, DEFAULT_HIDDEN_DAYS) * DAY,
+    };
+}
+/** The timer exists only for visitors the backend allowed the banner for. */
+export function isTimerEnabled() {
+    return !!salla.config?.get?.('store.features')?.includes('free-shipping-banner');
+}
+const storageKey = () => `free-shipping-timer_${salla.config?.get?.('store.id')}`;
+/** When the visitor first saw the banner, or null if they have not yet. */
+export function getStartedAt() {
+    try {
+        const stored = Number(salla.storage.get(storageKey()));
+        if (Number.isFinite(stored) && stored > 0) {
+            return stored;
+        }
+    }
+    catch (e) {
+        // fall through to the in-memory value
+    }
+    return memoryStartedAt;
+}
+/**
+ * Records the first time the visitor saw the banner. Does nothing when it is already recorded
+ * or when the feature is off.
+ */
+export function startTimerIfNeeded(now = Date.now()) {
+    if (!isTimerEnabled()) {
+        return null;
+    }
+    const existing = getStartedAt();
+    if (existing) {
+        return existing;
+    }
+    memoryStartedAt = now;
+    try {
+        salla.storage.set(storageKey(), now);
+    }
+    catch (e) {
+        // keep the in-memory value
+    }
+    schedule();
+    notify();
+    return now;
+}
+/**
+ * Where the visitor is in the repeating cycle: `countdown` visible, then `hidden` hidden, again and again.
+ * Nothing but the first-seen time is stored, so changed settings apply on the next check.
+ */
+export function computeTimerState(startedAt, now, countdownMs, hiddenMs) {
+    const elapsed = Math.max(0, now - startedAt);
+    const position = elapsed % (countdownMs + hiddenMs);
+    if (position < countdownMs) {
+        return { visible: true, remainingMs: countdownMs - position, nextChangeMs: countdownMs - position };
+    }
+    return { visible: false, remainingMs: 0, nextChangeMs: countdownMs + hiddenMs - position };
+}
+/**
+ * The state the banner and tags follow. `null` means there is nothing to follow: the feature is off
+ * or the visitor has not seen the banner yet.
+ */
+export function getFreeShippingTimerState(now = Date.now()) {
+    if (!isTimerEnabled()) {
+        return null;
+    }
+    const startedAt = getStartedAt();
+    if (!startedAt) {
+        return null;
+    }
+    const { countdownMs, hiddenMs } = getTimerSettings();
+    return computeTimerState(startedAt, now, countdownMs, hiddenMs);
+}
+const listeners = new Set();
+let timeout;
+function notify() {
+    listeners.forEach((listener) => listener());
+}
+// One timeout for the whole page, set for the next visible/hidden change.
+function schedule() {
+    clearTimeout(timeout);
+    timeout = undefined;
+    if (!listeners.size) {
+        return;
+    }
+    const state = getFreeShippingTimerState();
+    if (!state) {
+        return;
+    }
+    timeout = setTimeout(() => {
+        notify();
+        schedule();
+    }, Math.min(state.nextChangeMs + 50, MAX_TIMEOUT));
+}
+/** Calls back whenever the banner and tags have to show or hide. Returns the unsubscribe function. */
+export function subscribeToFreeShippingTimer(listener) {
+    listeners.add(listener);
+    schedule();
+    return () => {
+        listeners.delete(listener);
+        if (!listeners.size) {
+            clearTimeout(timeout);
+            timeout = undefined;
+        }
+    };
+}
+/** Test helper. */
+export function resetFreeShippingTimer() {
+    memoryStartedAt = null;
+    listeners.clear();
+    clearTimeout(timeout);
+    timeout = undefined;
+}

package/dist/components/free-shipping-timer.js

@@ -0,0 +1,150 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+const cache = new Map();
+async function request(productId) {
+    const endpoint = 'products/eligible-for-free-shipping' + (productId ? `/${productId}` : '');
+    try {
+        // 403 (feature off or plan not supported) and 410 (product gone) mean "not eligible",
+        // not a failure worth a toast.
+        const response = await salla.api.withoutNotifier(() => salla.api.request(endpoint));
+        return response?.data?.eligible === true;
+    }
+    catch (e) {
+        return false;
+    }
+}
+/**
+ * Whether free shipping applies: to the store when no product is given (banner),
+ * or to the product (tag, product page banner). Same calls share one request.
+ */
+function isEligibleForFreeShipping(productId) {
+    const key = String(productId ?? '');
+    if (!cache.has(key)) {
+        cache.set(key, request(productId));
+    }
+    return cache.get(key);
+}
+
+const HOUR = 60 * 60 * 1000;
+const DAY = 24 * HOUR;
+const MAX_TIMEOUT = 2 ** 31 - 1;
+// Used only when storage is not available (private mode, blocked site data).
+let memoryStartedAt = null;
+const DEFAULT_COUNTDOWN_HOURS = 45;
+const DEFAULT_HIDDEN_DAYS = 7;
+const positive = (value, fallback) => {
+    const number = Number(value);
+    return Number.isFinite(number) && number > 0 ? number : fallback;
+};
+/** The countdown and hidden period, from the store settings with 45 hours and 7 days as the fallback. */
+function getTimerSettings() {
+    const settings = salla.config?.get?.('store.settings.free_shipping_banner');
+    return {
+        countdownMs: positive(settings?.countdown_hours, DEFAULT_COUNTDOWN_HOURS) * HOUR,
+        hiddenMs: positive(settings?.hidden_days, DEFAULT_HIDDEN_DAYS) * DAY,
+    };
+}
+/** The timer exists only for visitors the backend allowed the banner for. */
+function isTimerEnabled() {
+    return !!salla.config?.get?.('store.features')?.includes('free-shipping-banner');
+}
+const storageKey = () => `free-shipping-timer_${salla.config?.get?.('store.id')}`;
+/** When the visitor first saw the banner, or null if they have not yet. */
+function getStartedAt() {
+    try {
+        const stored = Number(salla.storage.get(storageKey()));
+        if (Number.isFinite(stored) && stored > 0) {
+            return stored;
+        }
+    }
+    catch (e) {
+        // fall through to the in-memory value
+    }
+    return memoryStartedAt;
+}
+/**
+ * Records the first time the visitor saw the banner. Does nothing when it is already recorded
+ * or when the feature is off.
+ */
+function startTimerIfNeeded(now = Date.now()) {
+    if (!isTimerEnabled()) {
+        return null;
+    }
+    const existing = getStartedAt();
+    if (existing) {
+        return existing;
+    }
+    memoryStartedAt = now;
+    try {
+        salla.storage.set(storageKey(), now);
+    }
+    catch (e) {
+        // keep the in-memory value
+    }
+    schedule();
+    notify();
+    return now;
+}
+/**
+ * Where the visitor is in the repeating cycle: `countdown` visible, then `hidden` hidden, again and again.
+ * Nothing but the first-seen time is stored, so changed settings apply on the next check.
+ */
+function computeTimerState(startedAt, now, countdownMs, hiddenMs) {
+    const elapsed = Math.max(0, now - startedAt);
+    const position = elapsed % (countdownMs + hiddenMs);
+    if (position < countdownMs) {
+        return { visible: true, remainingMs: countdownMs - position, nextChangeMs: countdownMs - position };
+    }
+    return { visible: false, remainingMs: 0, nextChangeMs: countdownMs + hiddenMs - position };
+}
+/**
+ * The state the banner and tags follow. `null` means there is nothing to follow: the feature is off
+ * or the visitor has not seen the banner yet.
+ */
+function getFreeShippingTimerState(now = Date.now()) {
+    if (!isTimerEnabled()) {
+        return null;
+    }
+    const startedAt = getStartedAt();
+    if (!startedAt) {
+        return null;
+    }
+    const { countdownMs, hiddenMs } = getTimerSettings();
+    return computeTimerState(startedAt, now, countdownMs, hiddenMs);
+}
+const listeners = new Set();
+let timeout;
+function notify() {
+    listeners.forEach((listener) => listener());
+}
+// One timeout for the whole page, set for the next visible/hidden change.
+function schedule() {
+    clearTimeout(timeout);
+    timeout = undefined;
+    if (!listeners.size) {
+        return;
+    }
+    const state = getFreeShippingTimerState();
+    if (!state) {
+        return;
+    }
+    timeout = setTimeout(() => {
+        notify();
+        schedule();
+    }, Math.min(state.nextChangeMs + 50, MAX_TIMEOUT));
+}
+/** Calls back whenever the banner and tags have to show or hide. Returns the unsubscribe function. */
+function subscribeToFreeShippingTimer(listener) {
+    listeners.add(listener);
+    schedule();
+    return () => {
+        listeners.delete(listener);
+        if (!listeners.size) {
+            clearTimeout(timeout);
+            timeout = undefined;
+        }
+    };
+}
+
+export { isTimerEnabled as a, subscribeToFreeShippingTimer as b, getFreeShippingTimerState as g, isEligibleForFreeShipping as i, startTimerIfNeeded as s };