@salla.sa/twilight-components 2.14.557 → 2.14.558

package/dist/types/components/salla-search/salla-search.d.ts

@@ -1,23 +1,41 @@
 import { HTMLStencilElement } from '../../stencil-public-runtime';
 import SearchProductsResponse from './search-response';
+import { SearchLabels, SearchTrendingCategory } from './interfaces';
 /**
  * @slot product - Replaces products card in the results, has replaceable props `{name}`, `{price}`, `{regular_price}`, `{image}`.
  */
 export declare class SallaSearch {
+    host: HTMLStencilElement | undefined;
     constructor();
     private readonly productSlot;
+    private readonly newSearchEnabled;
     private modal;
     private container;
     private searchInput;
     private noResults;
     private inputValue;
-    host: HTMLStencilElement;
+    private hasTrackedFocus;
     translationLoaded: boolean;
+    labels: SearchLabels;
     results: SearchProductsResponse | undefined;
     loading: boolean;
     typing: boolean;
     debounce: ReturnType<typeof setTimeout>;
     search_term: string;
+    hasInputValue: boolean;
+    searchHistory: string[];
+    /**
+     * Most-searched categories to surface before the customer types a query.
+     * Not wired to a live endpoint yet - stays empty (and hidden) until a future
+     * story populates it.
+     */
+    trendingCategories: SearchTrendingCategory[];
+    /**
+     * Most-searched terms, reused both as the pre-search "most searched" list and
+     * as the results-view "search suggestions" sidebar. Same not-wired-yet status
+     * as trendingCategories.
+     */
+    mostSearchedTerms: string[];
     /**
      * Set the component to display as a placeholder (button) that will open the modal. Defaults to `false`
      */
@@ -45,7 +63,11 @@ export declare class SallaSearch {
     open(): Promise<void>;
     onModalClose(): void;
     handleKeyDown(ev: KeyboardEvent): void;
-    private getDefaultProductSlot;
+    private clearSearch;
+    private tracking;
+    private removeFromSearchHistory;
+    private applySuggestedTerm;
+    componentWillLoad(): Promise<void>;
     private debounceSearch;
     private limitWordsAndSearch;
     private getQueryParam;
@@ -53,6 +75,22 @@ export declare class SallaSearch {
     handleSearch(val: string): void;
     search(val: any): void;
     private afterSearching;
+    private renderLegacyResults;
+    private renderCategoriesSection;
+    private renderTermsSection;
+    private renderSearchHistorySection;
+    private renderIdlePanel;
+    private renderResultsBody;
+    private renderViewAllLink;
+    private renderDropdown;
+    private renderInputWrapper;
+    private renderPlaceholderTrigger;
+    /**
+     * The new search UI is always a modal opened from a placeholder trigger (never inline,
+     * never a bare/self-triggering modal), with its own padded panel layout - the input and
+     * dropdown content share one bordered card instead of the legacy floating-dropdown look.
+     */
+    private renderNewSearchExperience;
     render(): any;
     /**
      * Run it one time after load

package/dist/types/components/salla-search/utils.d.ts

@@ -0,0 +1,19 @@
+import { SearchLabels, SearchTrendingCategory } from './interfaces';
+export declare const NEW_SEARCH_FEATURE_FLAG = "new-search-ui-enabled";
+export declare const SEARCH_HISTORY_KEY = "salla::search-history";
+export declare const SEARCH_HISTORY_LIMIT = 10;
+export declare function getSearchHistoryKey(): string;
+export declare const DEFAULT_LABELS: SearchLabels;
+export declare const TRANSLATION_DEFAULTS: Record<string, {
+    ar: string;
+    en: string;
+}>;
+export declare function isNewSearchFeatureEnabled(): boolean;
+export declare function getSearchResultsUrl(term: string): string;
+export declare function loadSearchHistory(): string[];
+export declare function saveSearchHistory(history: string[]): void;
+export declare function addToSearchHistory(history: string[], term: string): string[];
+export declare function hasIdlePanelContent(searchHistory: string[], trendingCategories: SearchTrendingCategory[], mostSearchedTerms: string[]): boolean;
+export declare function registerTranslationDefaults(): void;
+export declare function loadLabels(): SearchLabels;
+export declare function getDefaultProductSlot(): string;

package/dist/types/components.d.ts

@@ -1894,6 +1894,11 @@ export namespace Components {
           * @default false
          */
         "hasSkeleton": boolean;
+        /**
+          * Hide the close (X) button in the modal header, without affecting `isClosable` (backdrop click / programmatic close still work). Defaults to `false`
+          * @default false
+         */
+        "hideCloseButton": boolean;
         /**
           * Set the style of the header icon.
           * @default undefined
@@ -2322,6 +2327,16 @@ export namespace Components {
           * Compact list layout for drawers and lists.
          */
         "compact": boolean;
+        /**
+          * Show only the cart icon instead of the text label on the add-to-cart button. Defaults to `false`.
+          * @default false
+         */
+        "compactAddToCart": boolean;
+        /**
+          * Force-show the wishlist button even in layouts (e.g. horizontal + compact) that otherwise wouldn't render one. Defaults to `false`.
+          * @default false
+         */
+        "forceShowWishlistButton": boolean;
         /**
           * Full image card.
          */
@@ -2350,6 +2365,11 @@ export namespace Components {
           * Support shadow on hover.
          */
         "shadowOnHover": boolean;
+        /**
+          * Show the out-of-stock label beside the price instead of as the image badge rendered by `getProductBadge()`. Defaults to `false`.
+          * @default false
+         */
+        "showOutOfStockBesidePrice": boolean;
         /**
           * Show quantity.
          */
@@ -7119,6 +7139,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "hasSkeleton"?: boolean;
+        /**
+          * Hide the close (X) button in the modal header, without affecting `isClosable` (backdrop click / programmatic close still work). Defaults to `false`
+          * @default false
+         */
+        "hideCloseButton"?: boolean;
         /**
           * Set the style of the header icon.
           * @default undefined
@@ -7557,6 +7582,16 @@ declare namespace LocalJSX {
           * Compact list layout for drawers and lists.
          */
         "compact"?: boolean;
+        /**
+          * Show only the cart icon instead of the text label on the add-to-cart button. Defaults to `false`.
+          * @default false
+         */
+        "compactAddToCart"?: boolean;
+        /**
+          * Force-show the wishlist button even in layouts (e.g. horizontal + compact) that otherwise wouldn't render one. Defaults to `false`.
+          * @default false
+         */
+        "forceShowWishlistButton"?: boolean;
         /**
           * Full image card.
          */
@@ -7585,6 +7620,11 @@ declare namespace LocalJSX {
           * Support shadow on hover.
          */
         "shadowOnHover"?: boolean;
+        /**
+          * Show the out-of-stock label beside the price instead of as the image badge rendered by `getProductBadge()`. Defaults to `false`.
+          * @default false
+         */
+        "showOutOfStockBesidePrice"?: boolean;
         /**
           * Show quantity.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-components",
-  "version": "2.14.557",
+  "version": "2.14.558",
   "license": "GPL-3.0",
   "author": "Salla Team <support@salla.dev> (https://salla.dev)",
   "bugs": {
@@ -82,9 +82,9 @@
   },
   "dependencies": {
     "@googlemaps/markerclusterer": "2.6.2",
-    "@salla.sa/applepay": "2.14.557",
-    "@salla.sa/twilight": "2.14.557",
-    "@salla.sa/twilight-tailwind-theme": "2.14.557",
+    "@salla.sa/applepay": "2.14.558",
+    "@salla.sa/twilight": "2.14.558",
+    "@salla.sa/twilight-tailwind-theme": "2.14.558",
     "@salla.sa/ui-address-autocomplete-widget": "1.2.1",
     "@salla.sa/ui-google-map-render": "1.2.1",
     "@types/node": "^20.4.8",
@@ -105,5 +105,5 @@
     "vanilla-lazyload": "^17.8.5",
     "vanilla-picker": "^2.12.2"
   },
-  "gitHead": "58d1d221cd35bc95ea0e776a3d66d692e7e86809"
+  "gitHead": "97ae8092c90920fea449b3561f9bda2276af04bd"
 }