@salla.sa/twilight-components 2.14.457 → 2.14.458

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

@@ -85,7 +85,7 @@ const SallaLoyaltyPanel$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyP
         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: Cancel }))))));
         }
         if (!customerPoints || customerPoints === 0) {
@@ -109,7 +109,7 @@ const SallaLoyaltyPanel$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyP
     }
     static get style() { return sallaLoyaltyProgramCss; }
 }, [0, "salla-loyalty-panel", {
-        "prizePoints": [1544, "prize-points"],
+        "prizePoints": [1537, "prize-points"],
         "customerPoints": [1538, "customer-points"],
         "prizeTitle": [1537, "prize-title"],
         "currentPrize": [32]

package/dist/components/salla-order-branch.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SallaOrderBranch extends Components.SallaOrderBranch, HTMLElement {}
+export const SallaOrderBranch: {
+    prototype: SallaOrderBranch;
+    new (): SallaOrderBranch;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,206 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+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;
+    }
+}
+function parseOrderBranch(value) {
+    if (!value)
+        return undefined;
+    return typeof value === 'string'
+        ? parseMaybeJson(value, undefined)
+        : value;
+}
+function getBranchPhone(contacts) {
+    const parsed = parseMaybeJson(contacts, null);
+    const phone = parsed && typeof parsed === 'object' ? parsed.phone : '';
+    return typeof phone === 'string' ? phone.trim() : '';
+}
+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);
+    }
+}
+function normalizeTimeUnit(unit) {
+    const normalized = String(unit || 'hour').toLowerCase();
+    if (normalized.startsWith('min'))
+        return 'minute';
+    if (normalized.startsWith('day'))
+        return 'day';
+    return 'hour';
+}
+
+var navigationIcon = `<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>
+`;
+
+var phoneTalkingIcon = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>phone-talking</title>
+<path d="M18.667 8c2.941 0 5.333 2.392 5.333 5.333 0 0.737 0.596 1.333 1.333 1.333s1.333-0.596 1.333-1.333c0-4.412-3.588-8-8-8-0.737 0-1.333 0.596-1.333 1.333s0.596 1.333 1.333 1.333zM18.667 2.667c5.881 0 10.667 4.785 10.667 10.667 0 0.737 0.596 1.333 1.333 1.333s1.333-0.596 1.333-1.333c0-7.352-5.981-13.333-13.333-13.333-0.737 0-1.333 0.596-1.333 1.333s0.596 1.333 1.333 1.333zM26.939 17.831c-1.568-1.568-4.119-1.568-5.689 0l-2.567 2.568c-3.064-1.499-5.584-4.019-7.083-7.083l2.569-2.567c1.567-1.569 1.567-4.121-0.001-5.689l-3.88-3.881c-1.521-1.521-4.169-1.521-5.691 0l-1.847 1.847c-2.22 2.22-3.183 5.408-2.573 8.527 1.979 10.144 10.127 18.292 20.271 20.271 0.617 0.121 1.236 0.18 1.851 0.18 2.491 0 4.895-0.972 6.676-2.752l1.847-1.847c1.569-1.569 1.569-4.12 0-5.689zM28.936 25.517l-1.847 1.847c-1.591 1.591-3.876 2.281-6.131 1.841-9.089-1.776-16.388-9.075-18.163-18.165-0.439-2.247 0.249-4.539 1.841-6.129l1.847-1.847c0.256-0.257 0.597-0.397 0.959-0.397s0.701 0.14 0.959 0.397l3.883 3.883c0.528 0.528 0.528 1.389 0 1.917l-3.22 3.219c-0.383 0.384-0.496 0.959-0.288 1.457 1.815 4.34 5.344 7.868 9.684 9.684 0.5 0.205 1.075 0.095 1.457-0.288l3.219-3.219c0.528-0.531 1.389-0.529 1.917-0.001l3.883 3.883c0.529 0.529 0.529 1.389 0 1.919z"></path>
+</svg>
+`;
+
+const sallaOrderBranchCss = ":host{display:block}.s-order-branch-ready{background-color:color-mix(in srgb, var(--color-primary) 30%, transparent)}";
+
+const SallaOrderBranch$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderBranch extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        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 style() { return sallaOrderBranchCss; }
+}, [0, "salla-order-branch", {
+        "branchData": [32],
+        "isLoading": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-order-branch"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-order-branch":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaOrderBranch$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaOrderBranch = SallaOrderBranch$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaOrderBranch, defineCustomElement };

package/dist/components/salla-reward-action2.js

@@ -11,6 +11,9 @@ const SallaRewardAction = /*@__PURE__*/ proxyCustomElement(class SallaRewardActi
         super();
         this.__registerHost();
         this.actionClick = createEvent(this, "actionClick", 7);
+        this.isClickable = (_prize) => {
+            return true;
+        };
         this.isShopNow = (prize) => {
             if (!(salla.config.get('store.features') || []).includes('loyalty-system-v2')) {
                 return false;

package/dist/esm/{filepond-CfX7rWSP.js → filepond-CffxACiY.js}

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

package/dist/esm/{filepond-plugin-file-poster-Df2yVqup.js → filepond-plugin-file-poster-LzXPemRj.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-BPKCT1Yo.js → filepond-plugin-file-validate-size-BBeG1YQF.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-5Jsz5nHO.js → filepond-plugin-file-validate-type-DWCw6g0N.js}

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

package/dist/esm/{filepond-plugin-image-edit-DlpOgBS2.js → filepond-plugin-image-edit-0ClTm033.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-_FOJPmuq.js → filepond-plugin-image-exif-orientation-CR7WTm7O.js}

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

package/dist/esm/{filepond-plugin-image-preview-BeFU1che.js → filepond-plugin-image-preview-CHGE8apT.js}

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

package/dist/esm/{functions-Di2eP8On.js → functions-Dd4f5cCM.js}

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