@salla.sa/twilight-components 2.14.457 → 2.14.459

package/dist/cjs/{vanilla-picker-nIHoyXND.js → vanilla-picker-dGiAD7ic.js}

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

package/dist/collection/Helpers/Helper.js

@@ -428,5 +428,17 @@ class Helper {
         script.textContent = JSON.stringify(schema);
         document.head.appendChild(script);
     }
+    // Store-configured availability notification channels as a comma string ("email,sms").
+    availabilityChannels() {
+        let config = salla.config.get('store.settings.product.availability_notify');
+        if (!config) {
+            return '';
+        }
+        let channels = [];
+        config.email && channels.push('email');
+        // sms, mobile and whatsapp all collect a phone number via the same input
+        (config.sms || config.mobile || config.whatsapp) && channels.push('sms');
+        return channels.join(',');
+    }
 }
 export default new Helper;

package/dist/collection/assets/svg/clock-05.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.00014 14.6668C4.31824 14.6668 1.3335 11.6821 1.3335 8.00016C1.3335 4.31826 4.31826 1.3335 8.00016 1.3335C10.9853 1.3335 13.484 3.29542 14.3335 6.00016L12.6668 6.00016" stroke="#0C2519" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 5.3335V8.00016L9.33333 9.3335" stroke="#0C2519" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.6367 8.66667C14.6565 8.44724 14.6667 8.22486 14.6667 8M10 14.6667C10.2277 14.5917 10.4502 14.5043 10.6667 14.4052M13.8604 11.3333C13.989 11.0856 14.1036 10.8288 14.2034 10.5641M12.1283 13.4862C12.358 13.2961 12.5754 13.0905 12.7792 12.871" stroke="#0C2519" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/collection/assets/svg/navigation-03.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.95448 2.79419C9.7395 1.84477 11.132 1.37005 11.881 2.11902C12.6299 2.86799 12.1552 4.2605 11.2058 7.04551L10.5593 8.94203C9.83014 11.0809 9.46556 12.1503 8.8646 12.2388C8.70303 12.2626 8.53577 12.2483 8.37592 12.197C7.78135 12.0061 7.46705 10.8785 6.83846 8.62339C6.69903 8.12319 6.62932 7.87308 6.47057 7.68206C6.4245 7.62662 6.37338 7.5755 6.31794 7.52943C6.12692 7.37068 5.87681 7.30097 5.37661 7.16154C3.12148 6.53295 1.99391 6.21865 1.80302 5.62408C1.7517 5.46423 1.73738 5.29698 1.76117 5.1354C1.84968 4.53444 2.91911 4.16986 5.05797 3.44072L6.95448 2.79419Z" stroke="currentColor" stroke-width="1.5"/>
+</svg>

package/dist/collection/collection-manifest.json

@@ -74,6 +74,7 @@
     "components/salla-notifications/salla-notifications.js",
     "components/salla-offer/salla-offer.js",
     "components/salla-offer-modal/salla-offer-modal.js",
+    "components/salla-order-branch/salla-order-branch.js",
     "components/salla-order-details/salla-order-details-multiple-bundle-product.js",
     "components/salla-order-details/salla-order-details-options.js",
     "components/salla-order-details/salla-order-details.js",

package/dist/collection/components/salla-add-product-button/salla-add-product-button.js

@@ -127,6 +127,10 @@ export class SallaAddProductButton {
         }
         return this.hostAttributes;
     }
+    // optional: fall back to store-configured channels, reading config directly when the SDK helper is missing
+    get notifyChannels() {
+        return this.channels || salla.api.product.getAvailabilityChannels?.() || Helper.availabilityChannels();
+    }
     getQuickBuyBtnAttributes() {
         return {
             ...this.getBtnAttributes(),
@@ -170,7 +174,7 @@ export class SallaAddProductButton {
         if (this.hasSubscribedOptions) {
             return h(Host, null, h("salla-product-availability", { ...this.getBtnAttributes(), "is-subscribed": true }, h("span", { class: "s-hidden" }, h("slot", null))));
         }
-        if ((this.productStatus === 'out-and-notify' && this.channels) || this.hasOutOfStockOption) {
+        if ((this.productStatus === 'out-and-notify' && this.notifyChannels) || this.hasOutOfStockOption) {
             return h(Host, null, h("salla-product-availability", { ...this.getBtnAttributes() }, h("span", { class: "s-hidden" }, h("slot", null))));
         }
         return h(Host, { class: {

package/dist/collection/components/salla-loyalty-program/salla-loyalty-panel.js

@@ -59,7 +59,7 @@ export class SallaLoyaltyPanel {
         const prizesGroups = this.program.data.prizes;
         const prizesCount = this.program.data.prizes_count;
         const customerPoints = (this.points.data ?? this.customerPoints ?? 0);
-        if (this.prizeTitle && this.prizePoints) {
+        if (this.prizeTitle && this.prizePoints != null && this.prizePoints !== '') {
             return (h("div", { class: "s-loyalty-program-panel-exchange-wrapper" }, h("salla-list-tile", { class: "s-loyalty-program-after-exchange" }, h("div", { slot: "title", class: "s-loyalty-program-after-exchange-title" }, this.prizeTitle, " \u00A0 - \u00A0 ", this.prizePoints, " ", salla.lang.get('pages.loyalty_program.point')), h("div", { slot: "action", class: "s-loyalty-program-after-exchange-action" }, h("salla-button", { class: "s-loyalty-program-after-exchange-reset", shape: "icon", fill: 'outline', color: "danger", size: "small", onClick: () => salla.loyalty.reset() }, h("span", { innerHTML: CancelIcon }))))));
         }
         if (!customerPoints || customerPoints === 0) {
@@ -95,12 +95,12 @@ export class SallaLoyaltyPanel {
     static get properties() {
         return {
             "prizePoints": {
-                "type": "any",
+                "type": "string",
                 "attribute": "prize-points",
                 "mutable": true,
                 "complexType": {
-                    "original": "string | number",
-                    "resolved": "number | string",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/salla-loyalty-program/salla-reward-action.js

@@ -5,6 +5,9 @@ import { h } from "@stencil/core";
 import { closeModals } from "./functions";
 export class SallaRewardAction {
     constructor() {
+        this.isClickable = (_prize) => {
+            return true;
+        };
         this.isShopNow = (prize) => {
             if (!(salla.config.get('store.features') || []).includes('loyalty-system-v2')) {
                 return false;

package/dist/collection/components/salla-order-branch/helpers.js

@@ -0,0 +1,50 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+export function parseMaybeJson(value, fallback) {
+    if (typeof value !== 'string') {
+        return (value ?? fallback);
+    }
+    const trimmed = value.trim();
+    if (!trimmed)
+        return fallback;
+    try {
+        return JSON.parse(trimmed);
+    }
+    catch {
+        return fallback;
+    }
+}
+export function parseOrderBranch(value) {
+    if (!value)
+        return undefined;
+    return typeof value === 'string'
+        ? parseMaybeJson(value, undefined)
+        : value;
+}
+export function getBranchPhone(contacts) {
+    const parsed = parseMaybeJson(contacts, null);
+    const phone = parsed && typeof parsed === 'object' ? parsed.phone : '';
+    return typeof phone === 'string' ? phone.trim() : '';
+}
+export function formatTimeTo12h(time24, locale = 'ar') {
+    const [hours, minutes] = String(time24).trim().split(':').map(Number);
+    if (!Number.isFinite(hours) || !Number.isFinite(minutes))
+        return time24;
+    const date = new Date(2000, 0, 1, hours, minutes);
+    const options = { hour: 'numeric', minute: '2-digit', hour12: true };
+    try {
+        return date.toLocaleTimeString(locale, options);
+    }
+    catch {
+        return date.toLocaleTimeString('ar', options);
+    }
+}
+export function normalizeTimeUnit(unit) {
+    const normalized = String(unit || 'hour').toLowerCase();
+    if (normalized.startsWith('min'))
+        return 'minute';
+    if (normalized.startsWith('day'))
+        return 'day';
+    return 'hour';
+}

package/dist/collection/components/salla-order-branch/interfaces.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/salla-order-branch/salla-order-branch.css

@@ -0,0 +1,7 @@
+:host {
+  display: block;
+}
+
+.s-order-branch-ready {
+  background-color: color-mix(in srgb, var(--color-primary) 30%, transparent);
+}

package/dist/collection/components/salla-order-branch/salla-order-branch.js

@@ -0,0 +1,142 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { h, Host } from "@stencil/core";
+import { formatTimeTo12h, getBranchPhone, normalizeTimeUnit, parseOrderBranch } from "./helpers";
+import navigationIcon from "../../assets/svg/navigation-03.svg";
+import phoneTalkingIcon from "../../assets/svg/phone-talking.svg";
+/**
+ * @salla/ui-components
+ * The `salla-order-branch` component renders pickup branch details for thank-you pages.
+ */
+export class SallaOrderBranch {
+    constructor() {
+        this.isLoading = false;
+    }
+    componentWillLoad() {
+        return this.getBranchData();
+    }
+    async getBranchData() {
+        const orderId = salla.config.get('page.id');
+        if (!orderId)
+            return;
+        this.isLoading = true;
+        try {
+            const response = await salla.order.api.getBranchDetails(orderId);
+            this.branchData = this.parseBranchResponse(response);
+        }
+        catch (error) {
+            this.notifyApiError(error);
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    parseBranchResponse(response) {
+        const data = response?.data?.data || response?.data || response;
+        if (data && typeof data === 'object' && Object.prototype.hasOwnProperty.call(data, 'branch')) {
+            return data.branch ? parseOrderBranch(data.branch) : undefined;
+        }
+        return parseOrderBranch(data);
+    }
+    getApiErrorMessage(error) {
+        return error?.response?.data?.error?.message || error?.response?.data?.message;
+    }
+    notifyApiError(error) {
+        const message = this.getApiErrorMessage(error);
+        if (message) {
+            salla.notify.error(message);
+        }
+    }
+    label(key, fallback) {
+        return salla.lang.getWithDefault(key, fallback);
+    }
+    get preparationText() {
+        const range = this.branchData?.preparation_time_range;
+        if (!range?.from || !range?.to)
+            return '';
+        const fromValue = salla.helpers.number(range.from.value);
+        const toValue = salla.helpers.number(range.to.value);
+        const unitLabel = this.unitLabel(range.to.unit);
+        const amount = fromValue === toValue ? fromValue : `\u2066${fromValue}-${toValue}\u2069`;
+        return this.label('pages.orders.pickup_ready_after', 'جاهز للاستلام بعد :time').replace(':time', `${amount} ${unitLabel}`);
+    }
+    unitLabel(unit) {
+        const normalized = normalizeTimeUnit(unit);
+        if (normalized === 'minute') {
+            return this.label('pages.checkout.minute', 'دقيقة');
+        }
+        if (normalized === 'day') {
+            return this.label('pages.checkout.day', 'يوم');
+        }
+        return this.label('pages.checkout.hour', 'ساعة');
+    }
+    get workingHoursItems() {
+        const branch = this.branchData;
+        if (!branch)
+            return [];
+        if (branch.always_open === true || branch.always_open === 1 || branch.always_open === '1') {
+            return [this.label('pages.orders.branch_always_open', 'مفتوح على مدار الساعة')];
+        }
+        const locale = salla.lang.locale || 'ar';
+        return (branch.working_hours || [])
+            .filter(day => day?.name && day.times?.length)
+            .map(day => {
+            const slot = day.times[0];
+            return `${day.name}: ${formatTimeTo12h(slot.from, locale)} - ${formatTimeTo12h(slot.to, locale)}`;
+        });
+    }
+    get branchAddress() {
+        return this.branchData?.address || '';
+    }
+    get mapUrl() {
+        const location = this.branchData?.location;
+        if (location?.lat == null || location?.lng == null)
+            return undefined;
+        return `https://www.google.com/maps?q=${location.lat},${location.lng}`;
+    }
+    get phone() {
+        return getBranchPhone(this.branchData?.contacts);
+    }
+    renderDetailsColumn() {
+        const phone = this.phone;
+        if (!phone)
+            return null;
+        return (h("div", { class: "s-order-branch-details" }, h("div", { class: "s-order-branch-info-card" }, h("span", { class: "s-order-branch-info-icon", innerHTML: phoneTalkingIcon }), h("div", { class: "s-order-branch-info-text" }, h("span", { class: "s-order-branch-info-label" }, this.label('pages.orders.branch_contacts', 'ارقام التواصل')), h("span", { class: "s-order-branch-info-value", dir: "ltr" }, phone)))));
+    }
+    renderWorkingHoursCard() {
+        const items = this.workingHoursItems;
+        if (!items.length)
+            return null;
+        return (h("div", { class: "s-order-branch-info-card s-order-branch-hours-card" }, h("span", { class: "s-order-branch-info-icon", "aria-hidden": "true" }, h("i", { class: "sicon-calendar-alt" })), h("div", { class: "s-order-branch-info-text" }, h("span", { class: "s-order-branch-info-label" }, this.label('pages.checkout.working_hours', 'ساعات العمل')), h("div", { class: "s-order-branch-hours-list" }, items.map(item => (h("span", { class: "s-order-branch-hours-item" }, item)))))));
+    }
+    renderBranchIdentityCard() {
+        const branch = this.branchData;
+        const address = this.branchAddress;
+        const readyText = this.preparationText;
+        return (h("section", { class: "s-order-branch-card" }, h("div", { class: "s-order-branch-location" }, h("div", { class: "s-order-branch-identity" }, h("span", { class: "s-order-branch-store-icon" }, h("i", { class: "sicon-store", "aria-hidden": "true" })), h("div", { class: "s-order-branch-text" }, h("div", { class: "s-order-branch-name-row" }, branch?.name ? h("span", { class: "s-order-branch-name" }, branch.name) : null, readyText ? h("span", { class: "s-order-branch-ready" }, readyText) : null), address ? h("span", { class: "s-order-branch-address" }, address) : null)), this.mapUrl ? (h("div", { class: "s-order-branch-actions" }, h("a", { href: this.mapUrl, target: "_blank", rel: "noopener noreferrer", class: "s-order-branch-map-link" }, h("span", null, this.label('pages.orders.branch_map', 'موقع الفرع علي الخريطة')), h("span", { class: "s-order-branch-action-icon", innerHTML: navigationIcon })))) : null)));
+    }
+    render() {
+        if (this.isLoading || !this.branchData) {
+            return h(Host, { class: "s-order-branch-wrapper" });
+        }
+        return (h(Host, { class: "s-order-branch-wrapper" }, h("div", { class: "s-order-branch-container" }, this.renderBranchIdentityCard(), this.renderDetailsColumn()), this.renderWorkingHoursCard()));
+    }
+    static get is() { return "salla-order-branch"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["salla-order-branch.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["salla-order-branch.css"]
+        };
+    }
+    static get states() {
+        return {
+            "branchData": {},
+            "isLoading": {}
+        };
+    }
+}

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

@@ -58,11 +58,17 @@ export class SallaProductAvailability {
         this.channelsWatcher(this.channels);
         this.title_ = this.host.title || salla.lang.get('pages.products.notify_availability_title');
         this.host.removeAttribute('title');
-        //todo:: fix this to cover options too
-        this.isVisitorSubscribed = !this.notifyOptionsAvailability ? salla.storage.get(`product-${this.productId}-subscribed`) : '';
     }
     channelsWatcher(newValue) {
-        this.channels_ = !!newValue ? newValue.split(',') : [];
+        // fall back to store-configured channels, reading config directly when the SDK helper is missing
+        let channels = newValue || salla.api.product.getAvailabilityChannels?.() || Helper.availabilityChannels();
+        this.channels_ = channels ? channels.split(',') : [];
+    }
+    // Subscribed via the backend prop, the SDK storage, or the legacy key (older SDK fallback).
+    get isSubscribedToProduct() {
+        return this.isSubscribed
+            || (!this.notifyOptionsAvailability && (!!salla.api.product.isSubscribedToAvailability?.(this.productId)
+                || !!salla.storage.get(`product-${this.productId}-subscribed`)));
     }
     openModel() {
         this.handleSubmitOptions().then(isSuccess => isSuccess ? this.modal.open() : null);
@@ -87,7 +93,7 @@ export class SallaProductAvailability {
             .then(() => salla.api.product.availabilitySubscribe(payload))
             .then(() => {
             if (!this.notifyOptionsAvailability) {
-                salla.storage.set(`product-${this.productId}-subscribed`, true);
+                // persisted by salla.api.product.availabilitySubscribe
                 this.isSubscribed = true;
                 return;
             }
@@ -131,10 +137,10 @@ export class SallaProductAvailability {
         field.nextElementSibling['innerText'] = '* ' + errorMsg;
     }
     render() {
-        return (h(Host, { key: 'aa627ba618b159913ad91efba99e57c14dd27832', class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
+        return (h(Host, { key: '2da2f2466b07a0d0c1613bf331697cf4acc95004', class: "s-product-availability-wrap" }, this.isSubscribedToProduct
             ? h("div", { class: "s-product-availability-subscribed" }, h("span", { innerHTML: BellRingIcon, class: "s-product-availability-subs-icon" }), salla.lang.get('pages.products.notify_availability_success'))
             :
-                h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.openModel() }, salla.lang.get('pages.products.notify_availability')), this.isUser || this.isSubscribed || this.isVisitorSubscribed ? '' : this.renderModal()));
+                h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.openModel() }, salla.lang.get('pages.products.notify_availability')), this.isUser || this.isSubscribedToProduct ? '' : this.renderModal()));
     }
     renderModal() {
         return (h("salla-modal", { ref: modal => this.modal = modal, "modal-title": this.title_, subTitle: salla.lang.get('pages.products.notify_availability_subtitle'), width: "sm" }, h("span", { slot: 'icon', class: "s-product-availability-header-icon", innerHTML: BellRingIcon }), h("div", { class: "s-product-availability-body" }, this.channels_.includes('email') ? [
@@ -242,8 +248,7 @@ export class SallaProductAvailability {
     static get states() {
         return {
             "translationLoaded": {},
-            "title_": {},
-            "isVisitorSubscribed": {}
+            "title_": {}
         };
     }
     static get elementRef() { return "host"; }

package/dist/components/Helper.js

@@ -429,6 +429,18 @@ class Helper {
         script.textContent = JSON.stringify(schema);
         document.head.appendChild(script);
     }
+    // Store-configured availability notification channels as a comma string ("email,sms").
+    availabilityChannels() {
+        let config = salla.config.get('store.settings.product.availability_notify');
+        if (!config) {
+            return '';
+        }
+        let channels = [];
+        config.email && channels.push('email');
+        // sms, mobile and whatsapp all collect a phone number via the same input
+        (config.sms || config.mobile || config.whatsapp) && channels.push('sms');
+        return channels.join(',');
+    }
 }
 var Helper$1 = new Helper;