@salla.sa/twilight-components 2.14.550 → 2.14.552

package/dist/components/salla-bullet-delivery-tag.d.ts

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

package/dist/components/salla-bullet-delivery-tag.js

@@ -0,0 +1,76 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+var FlashIcon = `<!-- 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>flash</title>
+<path d="M29.257 14.223c-0.188-0.533-0.692-0.889-1.257-0.889h-6.5l1.159-9.844c0.063-0.537-0.205-1.061-0.68-1.323-0.472-0.261-1.059-0.211-1.481 0.131l-17.333 14c-0.44 0.355-0.608 0.948-0.419 1.481 0.185 0.532 0.689 0.888 1.255 0.888h6.5l-1.159 9.844c-0.063 0.537 0.205 1.061 0.68 1.323 0.203 0.112 0.424 0.167 0.645 0.167 0.299 0 0.595-0.1 0.837-0.296l17.333-14c0.44-0.355 0.608-0.949 0.42-1.481zM12.373 25.575l0.951-8.085c0.044-0.379-0.075-0.757-0.328-1.041-0.252-0.285-0.615-0.448-0.996-0.448h-4.227l11.855-9.575-0.951 8.085c-0.044 0.379 0.075 0.757 0.328 1.041 0.251 0.285 0.613 0.448 0.995 0.448h4.227z"></path>
+</svg>
+`;
+
+const sallaBulletDeliveryTagCss = "/*!twlt*/.s-bullet-delivery-tag-wrapper{display:flex;width:100%}@media (min-width: 1024px){.s-bullet-delivery-tag-wrapper{display:inline-flex;width:auto}.s-bullet-delivery-tag-wrapper .s-bullet-delivery-tag-container{transform:skewX(-15deg)}.s-bullet-delivery-tag-wrapper .s-bullet-delivery-tag-icon,.s-bullet-delivery-tag-wrapper .s-bullet-delivery-tag-label{transform:skewX(15deg)}}.s-bullet-delivery-tag-wrapper .s-bullet-delivery-tag-icon svg{width:1rem;height:1rem;fill:currentColor}.hidden{display:none}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-bullet-delivery-tag-container{display:flex;width:100%;align-items:center;justify-content:center;gap:0.5rem;border-radius:0px;--tw-bg-opacity:1;background-color:rgb(43 191 134 / var(--tw-bg-opacity, 1));padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 1024px){.s-bullet-delivery-tag-container{display:inline-flex;width:auto;gap:0.375rem;border-radius:0.375rem;padding-left:0.875rem;padding-right:0.875rem;padding-top:0.375rem;padding-bottom:0.375rem}}.s-bullet-delivery-tag-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.s-bullet-delivery-tag-label{white-space:nowrap;font-size:0.875rem;line-height:1.25rem;font-weight:700}";
+
+/**
+ * Backend eligibility flag (Store-Module StoreSettingsAction, PR #1627), nested under the
+ * store settings `shipping` attribute. True only when the store is on Pro, Quick Delivery
+ * (bullet-delivery) is accessible for customers, and the request carries a resolved scope
+ * allocation (the branch resolved during the login-cycle).
+ */
+const ELIGIBILITY_FLAG_KEY = 'store.shipping.has_bullet_delivery_tag';
+const SallaBulletDeliveryTag$1 = /*@__PURE__*/ proxyCustomElement(class SallaBulletDeliveryTag extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        /** Mirrors the backend `has_bullet_delivery_tag` flag; drives whether the tag renders. */
+        this.isEligible = false;
+    }
+    async componentWillLoad() {
+        try {
+            await salla.onReady();
+            await salla.lang.onLoaded();
+            this.isEligible = salla.config.get(ELIGIBILITY_FLAG_KEY) === true;
+        }
+        catch (e) {
+            // Any read/await failure → stay hidden (fail-safe).
+            salla?.logger?.warn?.('salla-bullet-delivery-tag: init failed', e);
+            this.isEligible = false;
+        }
+    }
+    /** Fixed tag copy. Localized via lang key when present, otherwise a language-aware default. */
+    getTagLabel() {
+        const fallback = salla.config.get('user.language_code') === 'en'
+            ? 'Get it within 2 hours'
+            : 'توصيل خلال ساعتين';
+        return salla.lang.getWithDefault('pages.products.quick_delivery_tag', fallback);
+    }
+    render() {
+        if (!this.isEligible) {
+            return null;
+        }
+        return (h(Host, { class: "s-bullet-delivery-tag-wrapper" }, h("span", { class: "s-bullet-delivery-tag-container", "data-testid": "bd-tag" }, h("span", { class: "s-bullet-delivery-tag-icon", innerHTML: FlashIcon }), h("span", { class: "s-bullet-delivery-tag-label" }, this.getTagLabel()))));
+    }
+    static get style() { return sallaBulletDeliveryTagCss; }
+}, [0, "salla-bullet-delivery-tag", {
+        "isEligible": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-bullet-delivery-tag"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-bullet-delivery-tag":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaBulletDeliveryTag$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaBulletDeliveryTag = SallaBulletDeliveryTag$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaBulletDeliveryTag, defineCustomElement };

package/dist/components/salla-bullet-delivery.js

@@ -6054,6 +6054,8 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
             id: b.id,
             name: b.name,
             city: b.city?.name,
+            country: b.country?.name,
+            district: b.district?.name,
             latitude: lat,
             longitude: lng,
         };
@@ -6433,9 +6435,13 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
             return null;
         const isBranch = intent.type === "branch";
         const isAddress = intent.type === "address";
+        const branchName = intent.branch_details?.name?.trim();
         return {
+            // Suffix only when a name exists, else it renders a dangling "Pickup: ".
             title: isBranch
-                ? Salla.lang.get("pages.checkout.pickup_option")
+                ? [Salla.lang.get("pages.checkout.pickup_option"), branchName]
+                    .filter(Boolean)
+                    .join(": ")
                 : Salla.lang.get("pages.checkout.delivery_option"),
             subtitle: getIntentSubtitle(intent, Salla.lang.get("common.elements.to"), ""),
             buttonText: Salla.lang.get("common.elements.edit"),

package/dist/esm/{filepond-rGVsy4ep.js → filepond-CqbRA3Vl.js}

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

package/dist/esm/{filepond-plugin-file-poster-bfSOezL4.js → filepond-plugin-file-poster-Byt9onuT.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-DagZiT3e.js → filepond-plugin-file-validate-size-C1P2OJEv.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-Cf4JwDq-.js → filepond-plugin-file-validate-type-BP2FLMsG.js}

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

package/dist/esm/{filepond-plugin-image-edit-DWZ8nbdr.js → filepond-plugin-image-edit-C69hhmiF.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-NHp2unXf.js → filepond-plugin-image-exif-orientation-B2QzeXLq.js}

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

package/dist/esm/{filepond-plugin-image-preview-BSi_AIFs.js → filepond-plugin-image-preview-CR1odLVd.js}

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

package/dist/esm/{helpers-BDChq2t4.js → helpers-CV6uPJEJ.js}

@@ -258,11 +258,11 @@ const filterBranches = (branches, searchQuery) => {
 };
 const getIntentSubtitle = (intent, toAddress, fromBranch) => {
     if (intent.type === 'branch') {
-        const loc = intent.branch_details?.city ?? intent.branch_details?.name;
+        const loc = [intent.branch_details?.country, intent.branch_details?.city, intent.branch_details?.district].filter(Boolean).join('، ');
         return loc ? `${fromBranch} ${loc}`.trim() : '';
     }
     if (intent.type === 'address' && intent.address_details) {
-        const addr = [intent.address_details.district?.name, intent.address_details.city?.name, intent.address_details.country?.name].filter(Boolean).join('، ') || intent.address_details.short_address || '';
+        const addr = [intent.address_details.country?.name, intent.address_details.city?.name, intent.address_details.district?.name].filter(Boolean).join('، ') || intent.address_details.short_address || '';
         return addr ? `${toAddress} ${addr}`.trim() : '';
     }
     return '';