@salla.sa/twilight-components 2.14.417 → 2.14.419

package/dist/types/components/salla-order-edit/interfaces.d.ts

@@ -1,4 +1,14 @@
+import { Product } from '@salla.sa/twilight/types/common';
 import { ProductOption } from '../salla-order-details/interfaces';
+import { Option as ProductOptionDefinition } from '../salla-product-options/interfaces';
+export type OrderEditSelectedOptions = Record<string, FormDataEntryValue>;
+export type OrderEditProductOption = ProductOptionDefinition;
+export type OrderEditProductOptionsElement = HTMLSallaProductOptionsElement & {
+    getOptionsData?: () => Promise<OrderEditProductOption[]>;
+    getSelectedOptionsData?: () => Promise<OrderEditSelectedOptions>;
+    reportValidity?: () => Promise<boolean>;
+    validateAndScroll?: () => Promise<boolean>;
+};
 export interface MoneyObject {
     amount: number;
     currency: string;
@@ -39,31 +49,10 @@ export interface OrderEditData {
         ends_at?: string;
     };
 }
-export interface OrderEditItemProduct {
-    id: number | string;
-    name?: string;
-    sku?: string;
-    url?: string;
-    price?: number;
-    regular_price?: number;
-    sale_price?: number;
-    is_on_sale?: boolean;
-    quantity?: number;
-    max_quantity?: number;
-    weight?: number | string;
+export interface OrderEditItemProduct extends Partial<Product> {
     weight_label?: string;
-    image?: {
-        url: string;
-        alt?: string;
-        id?: string;
-    };
-    images?: {
-        url: string;
-        alt?: string;
-    }[];
-    options?: ProductOption[];
-    type?: string;
-    status?: string;
+    options?: OrderEditProductOption[];
+    max_quantity_per_order?: number;
 }
 export interface OrderEditItem {
     id: number | string;
@@ -72,16 +61,24 @@ export interface OrderEditItem {
     quantity: number;
     product?: OrderEditItemProduct;
     options?: ProductOption[];
+    selectedOptions?: OrderEditSelectedOptions;
+    isNew?: boolean;
 }
 export interface OrderEditPayloadItem {
     id: number | string;
     quantity: number;
-    options: any[];
+    options: OrderEditSelectedOptions;
+}
+export interface OrderEditPayloadAddItem {
+    product_id: number | string;
+    quantity: number;
+    options: OrderEditSelectedOptions;
 }
 export interface OrderEditPayload {
     items: {
         update: OrderEditPayloadItem[];
         remove: (number | string)[];
+        add: OrderEditPayloadAddItem[];
     };
 }
 export interface EditOrderResponseItem {

package/dist/types/components/salla-order-edit/salla-order-edit-item.d.ts

@@ -1,12 +1,11 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { OrderEditItem } from './interfaces';
+import { OrderEditItem, OrderEditProductOption, OrderEditSelectedOptions } from './interfaces';
 /**
  * @salla/ui-components
  * The `salla-order-edit-item` component renders a single editable order item card
  * with quantity controls, editable product options, and a remove button.
  */
 export declare class SallaOrderEditItem {
-    host: HTMLElement;
     /** Item data object */
     item: OrderEditItem;
     /** Parent order ID (for API calls) */
@@ -16,18 +15,21 @@ export declare class SallaOrderEditItem {
     orderItemUpdated: EventEmitter<{
         itemId: string | number;
         quantity: number;
-        options?: any[];
+        options?: OrderEditSelectedOptions;
+        optionDefinitions?: OrderEditProductOption[];
     }>;
     /** Emitted when an item is successfully removed */
     orderItemRemoved: EventEmitter<{
         itemId: string | number;
     }>;
+    private quantityInput;
+    private productOptions;
     componentWillLoad(): void;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
+    handleItemChange(newItem: OrderEditItem): void;
     private handleQuantityChange;
     private get hasOptions();
     private getSelectedOptions;
+    private getOptionsData;
     private emitUpdate;
     private handleOptionsChange;
     private removeItem;

package/dist/types/components/salla-order-edit/salla-order-edit-product-card.d.ts

@@ -0,0 +1,11 @@
+import { Product } from '@salla.sa/twilight/types/common';
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class SallaOrderEditProductCard {
+    product: Product | string;
+    orderEditProductSelected: EventEmitter<{
+        product: Product;
+    }>;
+    private get productData();
+    private handleSelectProduct;
+    render(): any;
+}

package/dist/types/components/salla-order-edit/salla-order-edit.d.ts

@@ -1,11 +1,12 @@
-import { EditOrderResponse, OrderEditData, OrderEditPayload } from './interfaces';
+import { Product } from '@salla.sa/twilight/types/common';
+import { EditOrderResponse, OrderEditData, OrderEditProductOption, OrderEditSelectedOptions } from './interfaces';
+import { OrderEditPayloadState } from './helpers';
 /**
  * @salla/ui-components
  * The `salla-order-edit` component
  * as an editable card with quantity controls, editable options, and an order summary.
  */
 export declare class SallaOrderEdit {
-    host: HTMLElement;
     /** The order ID to edit */
     orderId: string | number;
     /** Pre-loaded order data (JSON string). */
@@ -14,20 +15,67 @@ export declare class SallaOrderEdit {
     loading: boolean;
     error: string;
     saveLoading: boolean;
-    payload: OrderEditPayload;
+    payload: OrderEditPayloadState;
     expired: boolean;
     editPreview: EditOrderResponse | null;
+    productSearchQuery: string;
+    productsListKey: number;
+    productsListSource: 'latest' | 'search';
+    productsListSourceValue: string;
+    selectedProductToAdd: Product | null;
+    addProductQuantity: number;
+    addProductLoading: boolean;
+    addProductConfirmLoading: boolean;
+    mobileProductsModalMounted: boolean;
+    isMobileViewport: boolean;
+    private mobileProductsModal;
+    private mobileProductsListLoading;
+    private addProductDrawer;
+    private addProductOptions;
     private saveModal;
     private expiryInterval;
+    private productsPanelViewportQuery?;
+    private unregisterBeforeBuildListUrlHook?;
     private confirming;
+    private readonly handleMobileProductSelected;
+    private readonly productsPanelMobileQuery;
+    private readonly handleProductsPanelViewportChange;
+    private readonly hasProductTypeFilter;
+    private readonly normalizeProductsListArrayParams;
+    private readonly handleBeforeBuildListUrl;
+    private readonly defaultProductsListSource;
+    private readonly debouncedProductSearch;
     componentWillLoad(): Promise<void>;
     disconnectedCallback(): void;
+    private setupProductsPanelViewportQuery;
     private startExpiryCheck;
     private loadFromProp;
+    private applyProductSearch;
+    private handleProductSearch;
+    private getProductsListKey;
+    private handleMobileProductsScroll;
+    private waitForNextFrame;
+    private openMobileProductsModal;
+    private setMobileProductsModal;
+    private resetAddProductDrawer;
+    private getAddProductMaxQuantity;
+    private clampAddProductQuantity;
+    private getApiErrorMessage;
+    private notifyApiError;
+    private validateAddProductOptions;
+    private updateLocalOrderItem;
+    private removeLocalOrderItem;
+    private setPayloadItems;
+    private handleAddProductQuantityChange;
+    handleProductSelected(event: CustomEvent<{
+        product: Product;
+    }>): Promise<void>;
+    private confirmAddProduct;
     handleItemUpdated(event: CustomEvent<{
         itemId: string | number;
         quantity: number;
-        options?: any[];
+        options?: OrderEditSelectedOptions;
+        optionDefinitions?: OrderEditProductOption[];
     }>): void;
     handleItemRemoved(event: CustomEvent<{
         itemId: string | number;
@@ -37,6 +85,10 @@ export declare class SallaOrderEdit {
     private navigateToOrder;
     private handleConfirm;
     private cancelEditSession;
+    private renderProductsPanel;
+    private renderProductsPickerContent;
+    private renderMobileProductsModal;
+    private renderAddProductDrawer;
     private renderSaveModal;
     render(): any;
 }

package/dist/types/components/salla-product-options/salla-product-options.d.ts

@@ -7,6 +7,10 @@ export declare class SallaProductOptions {
      * @param optionsData - Array of product options
      */
     setOptionsData(optionsData: Option[]): Promise<void>;
+    /**
+     * Get the current options state, including selected values/details.
+     */
+    getOptionsData(): Promise<Option[]>;
     host: HTMLElement;
     private fileTypes;
     optionsData: Option[];

package/dist/types/components/salla-products-list/salla-products-list.d.ts

@@ -155,8 +155,13 @@ export declare class SallaProductsList {
     private initiateInfiniteScroll;
     private handleScroll;
     private manualLoadNextPage;
+    private applyBeforeBuildListUrl;
+    private resolveNextPageFromCursor;
     private injectAndProcessData;
     private getInitialData;
+    /**
+     * Load the next products page.
+     */
     loadMore(): Promise<void>;
     componentWillLoad(): any;
     componentDidLoad(): Promise<void>;

package/dist/types/components.d.ts

@@ -21,7 +21,8 @@ import { Sources } from "./components/salla-menu/interfaces";
 import { BundleProduct, BundleSection, SelectedOption } from "./components/salla-multiple-bundle-product/interfaces";
 import { Notification } from "./components/salla-notifications/interfaces";
 import { OrderProduct, ProductOption } from "./components/salla-order-details/interfaces";
-import { OrderEditItem } from "./components/salla-order-edit/interfaces";
+import { OrderEditItem, OrderEditProductOption, OrderEditSelectedOptions } from "./components/salla-order-edit/interfaces";
+import { Product } from "@salla.sa/twilight/types/common";
 import { Order, OrderQueryParameters } from "./components/salla-orders/interface";
 import { Donation, Option as Option1 } from "./components/salla-product-options/interfaces";
 import { SallaSliderProps } from "./components/salla-slider/salla-slider";
@@ -44,7 +45,8 @@ export { Sources } from "./components/salla-menu/interfaces";
 export { BundleProduct, BundleSection, SelectedOption } from "./components/salla-multiple-bundle-product/interfaces";
 export { Notification } from "./components/salla-notifications/interfaces";
 export { OrderProduct, ProductOption } from "./components/salla-order-details/interfaces";
-export { OrderEditItem } from "./components/salla-order-edit/interfaces";
+export { OrderEditItem, OrderEditProductOption, OrderEditSelectedOptions } from "./components/salla-order-edit/interfaces";
+export { Product } from "@salla.sa/twilight/types/common";
 export { Order, OrderQueryParameters } from "./components/salla-orders/interface";
 export { Donation, Option as Option1 } from "./components/salla-product-options/interfaces";
 export { SallaSliderProps } from "./components/salla-slider/salla-slider";
@@ -1972,6 +1974,9 @@ export namespace Components {
          */
         "orderId": string | number;
     }
+    interface SallaOrderEditProductCard {
+        "product": Product | string;
+    }
     interface SallaOrderSummary {
         /**
           * The order ID to fetch items from
@@ -2119,6 +2124,10 @@ export namespace Components {
           * Get a specific option by its id.
          */
         "getOption": (option_id: any) => Promise<Option1>;
+        /**
+          * Get the current options state, including selected values/details.
+         */
+        "getOptionsData": () => Promise<Option1[]>;
         /**
           * Get selected options.
          */
@@ -2198,6 +2207,10 @@ export namespace Components {
           * Limit for number of products in the list.
          */
         "limit": number;
+        /**
+          * Load the next products page.
+         */
+        "loadMore": () => Promise<void>;
         /**
           * Load more text
          */
@@ -3187,6 +3200,10 @@ export interface SallaOrderEditItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSallaOrderEditItemElement;
 }
+export interface SallaOrderEditProductCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSallaOrderEditProductCardElement;
+}
 export interface SallaPriceRangeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSallaPriceRangeElement;
@@ -3998,7 +4015,8 @@ declare global {
         "orderItemUpdated": {
     itemId: string | number;
     quantity: number;
-    options?: any[];
+    options?: OrderEditSelectedOptions;
+    optionDefinitions?: OrderEditProductOption[];
   };
         "orderItemRemoved": {
     itemId: string | number;
@@ -4023,6 +4041,25 @@ declare global {
         prototype: HTMLSallaOrderEditItemElement;
         new (): HTMLSallaOrderEditItemElement;
     };
+    interface HTMLSallaOrderEditProductCardElementEventMap {
+        "orderEditProductSelected": {
+    product: Product;
+  };
+    }
+    interface HTMLSallaOrderEditProductCardElement extends Components.SallaOrderEditProductCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSallaOrderEditProductCardElementEventMap>(type: K, listener: (this: HTMLSallaOrderEditProductCardElement, ev: SallaOrderEditProductCardCustomEvent<HTMLSallaOrderEditProductCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSallaOrderEditProductCardElementEventMap>(type: K, listener: (this: HTMLSallaOrderEditProductCardElement, ev: SallaOrderEditProductCardCustomEvent<HTMLSallaOrderEditProductCardElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSallaOrderEditProductCardElement: {
+        prototype: HTMLSallaOrderEditProductCardElement;
+        new (): HTMLSallaOrderEditProductCardElement;
+    };
     interface HTMLSallaOrderSummaryElement extends Components.SallaOrderSummary, HTMLStencilElement {
     }
     var HTMLSallaOrderSummaryElement: {
@@ -4524,6 +4561,7 @@ declare global {
         "salla-order-details-options": HTMLSallaOrderDetailsOptionsElement;
         "salla-order-edit": HTMLSallaOrderEditElement;
         "salla-order-edit-item": HTMLSallaOrderEditItemElement;
+        "salla-order-edit-product-card": HTMLSallaOrderEditProductCardElement;
         "salla-order-summary": HTMLSallaOrderSummaryElement;
         "salla-order-totals-card": HTMLSallaOrderTotalsCardElement;
         "salla-orders": HTMLSallaOrdersElement;
@@ -6425,13 +6463,20 @@ declare namespace LocalJSX {
         "onOrderItemUpdated"?: (event: SallaOrderEditItemCustomEvent<{
     itemId: string | number;
     quantity: number;
-    options?: any[];
+    options?: OrderEditSelectedOptions;
+    optionDefinitions?: OrderEditProductOption[];
   }>) => void;
         /**
           * Parent order ID (for API calls)
          */
         "orderId"?: string | number;
     }
+    interface SallaOrderEditProductCard {
+        "onOrderEditProductSelected"?: (event: SallaOrderEditProductCardCustomEvent<{
+    product: Product;
+  }>) => void;
+        "product"?: Product | string;
+    }
     interface SallaOrderSummary {
         /**
           * The order ID to fetch items from
@@ -7501,6 +7546,7 @@ declare namespace LocalJSX {
         "salla-order-details-options": SallaOrderDetailsOptions;
         "salla-order-edit": SallaOrderEdit;
         "salla-order-edit-item": SallaOrderEditItem;
+        "salla-order-edit-product-card": SallaOrderEditProductCard;
         "salla-order-summary": SallaOrderSummary;
         "salla-order-totals-card": SallaOrderTotalsCard;
         "salla-orders": SallaOrders;
@@ -7719,6 +7765,7 @@ declare module "@stencil/core" {
              * with quantity controls, editable product options, and a remove button.
              */
             "salla-order-edit-item": LocalJSX.SallaOrderEditItem & JSXBase.HTMLAttributes<HTMLSallaOrderEditItemElement>;
+            "salla-order-edit-product-card": LocalJSX.SallaOrderEditProductCard & JSXBase.HTMLAttributes<HTMLSallaOrderEditProductCardElement>;
             "salla-order-summary": LocalJSX.SallaOrderSummary & JSXBase.HTMLAttributes<HTMLSallaOrderSummaryElement>;
             "salla-order-totals-card": LocalJSX.SallaOrderTotalsCard & JSXBase.HTMLAttributes<HTMLSallaOrderTotalsCardElement>;
             "salla-orders": LocalJSX.SallaOrders & JSXBase.HTMLAttributes<HTMLSallaOrdersElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-components",
-  "version": "2.14.417",
+  "version": "2.14.419",
   "license": "GPL-3.0",
   "author": "Salla Team <support@salla.dev> (https://salla.dev)",
   "bugs": {
@@ -79,9 +79,9 @@
     "typescript": "^5.4.5"
   },
   "dependencies": {
-    "@salla.sa/applepay": "2.14.417",
-    "@salla.sa/twilight": "2.14.417",
-    "@salla.sa/twilight-tailwind-theme": "2.14.417",
+    "@salla.sa/applepay": "2.14.419",
+    "@salla.sa/twilight": "2.14.419",
+    "@salla.sa/twilight-tailwind-theme": "2.14.419",
     "@types/node": "^20.4.8",
     "animejs": "^3.2.2",
     "class-variance-authority": "0.7.0",
@@ -100,5 +100,5 @@
     "vanilla-lazyload": "^17.8.5",
     "vanilla-picker": "^2.12.2"
   },
-  "gitHead": "39dadb6d300a48e0d31f0fa46729d6be05721bee"
+  "gitHead": "f969edbd9bfd95c296af01b3a0b13a30422f8cc2"
 }

package/dist/twilight/p-100664ef.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r,h as e}from"./p-CN6KGTlN.js";function t(r){var e,s,a="";if("string"==typeof r||"number"==typeof r)a+=r;else if("object"==typeof r)if(Array.isArray(r))for(e=0;e<r.length;e++)r[e]&&(s=t(r[e]))&&(a&&(a+=" "),a+=s);else for(e in r)r[e]&&(a&&(a+=" "),a+=e);return a}const s=r=>"boolean"==typeof r?"".concat(r):0===r?"0":r,a=function(){for(var r,e,s=0,a="";s<arguments.length;)(r=arguments[s++])&&(e=t(r))&&(a&&(a+=" "),a+=e);return a},l=(n="s-badge-base",i={variants:{size:{xs:"s-badge-xs",sm:"s-badge-sm",md:"s-badge-md"},bg:{transparent:"s-badge-transparent",light:"s-badge-light","primary-100":"s-badge-primary-100"},color:{black:"s-badge-black","primary-900":"s-badge-color-primary-900"}}},r=>{var e;if(null==(null==i?void 0:i.variants))return a(n,null==r?void 0:r.class,null==r?void 0:r.className);const{variants:t,defaultVariants:l}=i,o=Object.keys(t).map((e=>{const a=null==r?void 0:r[e],n=null==l?void 0:l[e];if(null===a)return null;const i=s(a)||s(n);return t[e][i]})),d=r&&Object.entries(r).reduce(((r,e)=>{let[t,s]=e;return void 0===s||(r[t]=s),r}),{}),c=null==i||null===(e=i.compoundVariants)||void 0===e?void 0:e.reduce(((r,e)=>{let{class:t,className:s,...a}=e;return Object.entries(a).every((r=>{let[e,t]=r;return Array.isArray(t)?t.includes({...l,...d}[e]):{...l,...d}[e]===t}))?[...r,t,s]:r}),[]);return a(n,o,c,null==r?void 0:r.class,null==r?void 0:r.className)});var n,i;const o=class{constructor(e){r(this,e),this.size="sm",this.color="black",this.bg="light"}render(){return e("div",{key:"9d81a7c592a57a533e2b8a48f015e2f9e796be51",class:l({size:this.size,bg:this.bg,color:this.color})},e("slot",{key:"999e75ec14a8346d84dbfc5122c448999d4fc481"}))}};o.style="";export{o as salla_badge}

package/dist/twilight/p-38856897.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as t,c as s,h as i,H as e,a}from"./p-CN6KGTlN.js";const o=class{constructor(i){t(this,i),this.orderItemUpdated=s(this,"orderItemUpdated"),this.orderItemRemoved=s(this,"orderItemRemoved"),this.handleQuantityChange=t=>{const s=t.detail,i=s?.quantity??parseInt(t.target.value,10);isNaN(i)||i<1||i!==this.quantity&&(this.quantity=i,this.emitUpdate(i))},this.handleOptionsChange=()=>{this.emitUpdate(this.quantity)}}componentWillLoad(){this.quantity=this.item?.quantity||1}componentDidLoad(){const t=this.host.querySelector("salla-quantity-input");t&&t.addEventListener("change",this.handleQuantityChange);const s=this.host.querySelector("salla-product-options");s&&s.addEventListener("change",this.handleOptionsChange)}disconnectedCallback(){const t=this.host.querySelector("salla-quantity-input");t&&t.removeEventListener("change",this.handleQuantityChange);const s=this.host.querySelector("salla-product-options");s&&s.removeEventListener("change",this.handleOptionsChange)}get hasOptions(){const t=this.item.product?.options;return t&&t.length>0}async getSelectedOptions(){const t=this.host.querySelector(`salla-product-options[product-id="${this.item.product?.id}"]`);return await(t?.getSelectedOptionsData())||{}}async emitUpdate(t){const s={itemId:this.item?.id,quantity:t};this.hasOptions&&(s.options=await this.getSelectedOptions()),this.orderItemUpdated.emit(s)}removeItem(){const t=this.item?.id;null!=t&&this.orderItemRemoved.emit({itemId:t})}render(){if(!this.item)return null;const t=this.item.product,s=this.item.name||t?.name||"",a=t?.image?.url||"",o=t?.image?.alt||s,n=t?.url||"#",l=t?.price,r=t?.max_quantity,d=t?.weight_label,c=this.item.product?.options,h={value:this.quantity};return r&&(h.max=r),i(e,null,i("div",null,i("div",{class:"s-order-edit-item-header"},i("div",{class:"s-order-edit-item-media"},a&&i("a",{href:n},i("img",{src:a,alt:o,class:"s-order-edit-item-image"})),i("div",{class:"s-order-edit-item-details"},i("h2",{class:"s-order-edit-item-name"},i("a",{href:n,class:"s-order-edit-item-link"},s)),null!=l&&i("span",{class:"s-order-edit-item-price",innerHTML:salla.money(l)}),d&&i("p",{class:"s-order-edit-item-weight"},salla.lang.getWithDefault("pages.products.weight","الوزن")," ",d))),i("salla-button",{type:"button",shape:"icon",size:"small",color:"danger","aria-label":salla.lang.getWithDefault("common.elements.delete","حذف"),onClick:()=>this.removeItem()},i("i",{class:"sicon-cancel"}))),i("div",{class:"s-order-edit-item-quantity"},i("h3",{class:"s-order-edit-item-quantity-label"},salla.lang.getWithDefault("common.elements.quantity","الكمية")),i("div",{class:"s-order-edit-item-quantity-input"},i("salla-quantity-input",{...h}))),this.hasOptions&&i("form",{onSubmit:t=>t.preventDefault()},i("salla-product-options",{"product-id":t.id,options:JSON.stringify(c),key:`${t.id}-order-edit-item-options`}))))}get host(){return a(this)}};o.style="";export{o as salla_order_edit_item}

package/dist/twilight/p-43eca2f5.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as e,c as t,h as s,H as i}from"./p-CN6KGTlN.js";import{a}from"./p-BedNk7k1.js";const l=class{constructor(s){e(this,s),this.changed=t(this,"changed"),this.min=0,this.max=1e4,this.moreThanLabel="أكثر من",this.lessThanLabel="أقل من",this.toLabel="الى",this.fromLabel="من",this.typing=!1,this.isMin=!1,this.isRTL=salla.config.get("theme.is_rtl",!0),this.filterValues=[]}connectedCallback(){if(this.filtersData&&this.filtersData?.price&&(this.minPrice=this.filtersData.price.min,this.maxPrice=this.filtersData.price.max),salla.lang.onLoaded((()=>{this.moreThanLabel=salla.lang.getWithDefault("common.elements.more_than",this.moreThanLabel),this.lessThanLabel=salla.lang.getWithDefault("common.elements.less_than",this.lessThanLabel),this.toLabel=salla.lang.getWithDefault("common.elements.to",this.toLabel),this.fromLabel=salla.lang.getWithDefault("common.elements.from",this.fromLabel)})),1==this.option.values.length)return;if(this.option.values.length<=5)return void(this.filterValues=this.option.values);const e=Math.ceil(this.option.values.length/5);for(let t=0;t<this.option.values.length;t+=e)this.filterValues.push(this.option.values.slice(t,t+e).reduce(((e,t)=>(e.to=t.to,e.count+=t.count,e))))}async reset(){this.minInput.value=null,this.maxInput.value=null,this.minPrice=null,this.maxPrice=null}getPriceLabel(e){return isNaN(e.from)||e.from<1?`${this.lessThanLabel} ${salla.money(e.to)}`:isNaN(e.to)||e.to<1?`${this.moreThanLabel} ${salla.money(e.from)}`:`${salla.money(e.from)} ${this.toLabel} ${salla.money(e.to)}`}minInputValidation(e){e&&(e>this.max||this.maxPrice&&e>this.maxPrice)||(e<this.min?this.minPrice=this.min:e&&(this.minPrice=e))}maxInputValidation(e){e&&(e<this.min||this.minPrice&&e<this.minPrice)||e>this.max&&(this.maxPrice=this.max)}async changedEventHandler(e){salla.helpers.inputDigitsOnly(this.minInput),salla.helpers.inputDigitsOnly(this.maxInput);const t=this.minPrice?1*+this.minPrice:null,s=this.maxPrice?1*+this.maxPrice:null;this.maxPrice||(this.maxPrice=""),this.isMin?this.minInputValidation(t):(this.minPrice||(this.minPrice=0),this.maxInputValidation(s)),this.isReady&&this.changed.emit({event:e,option:this.option,value:{max:this.maxPrice,min:this.minPrice}})}handleMinMaxPrice(e,t){this.minPrice=t.from,this.maxPrice="*"!==t.to?t.to:"",this.changedEventHandler(e)}isChecked(e){return!(!this.minPrice&&!this.maxPrice)&&(((e.from<1||"*"==e.from)&&0==this.minPrice||e.from==this.minPrice)&&("*"==e.to||!e.to||e.to==this.maxPrice))}handleMinPrice(e){this.isMin=!0;const t=e.target.value;this.minPrice=""===t?0:t}handleMaxPrice(e){this.isMin=!1;const t=e.target.value;this.maxPrice=void 0===t?"":t}render(){return s(i,{key:"996f527f5a36ea273b0d8c195e35dc3efbdf62f2"},this.filterValues.map(((e,t)=>s("label",{class:"s-filters-label",htmlFor:`${this.option.key}-${t}`,key:t},s("input",{id:`${this.option.key}-${t}`,name:"price",type:"radio",checked:this.isChecked(e),class:"s-filters-radio",onChange:t=>this.handleMinMaxPrice(t,e)}),s("span",{innerHTML:this.getPriceLabel(e)})))),s("div",{key:"bfa8f970eb1e9c5d2b9678e5271aa04208b39289",class:"flex justify-center items-center"},s("div",{key:"59cd51f388f36a38e2bd036d27b7abe001fed9d0",class:"relative max-w-xl w-full"},s("div",{key:"226bd18705572502c7da11022a8ce02dc08d4d21",class:"s-price-range-inputs"},s("div",{key:"0ebfdced114308e82075cd153bef0020daa15bf6",class:"s-price-range-relative"},s("div",{key:"c3dacef6133e2b05eca8d643d1c8ce3f5b991548",class:"s-price-range-currency"}," ",salla.config.currency().symbol),s("input",{key:"b2451e091d93f85f268fc80e30e24f5f71c2628c",type:"number",maxlength:"5",ref:e=>this.minInput=e,onBlur:e=>this.handleMinPrice(e),value:this.minPrice,placeholder:this.fromLabel,class:"s-price-range-number-input"})),s("div",{key:"00c07380972b65eac5fac5688b99d21277f65d39",class:"s-price-range-gray-text"}," -"),s("div",{key:"403e98ad682f08946ccd191715ff37401a376722",class:"s-price-range-relative"},s("div",{key:"a1b0729fc40c17b9be68dd2c76a3afa1e99d8a62",class:"s-price-range-currency"}," ",salla.config.currency().symbol),s("input",{key:"5f5e5a202f4b11cde88ae954fa352b71886fe30e",type:"number",maxlength:"5",ref:e=>this.maxInput=e,onBlur:e=>this.handleMaxPrice(e),value:this.maxPrice,placeholder:this.toLabel,class:"s-price-range-number-input","aria-describedby":"price-currency"})),s("salla-button",{key:"dd4899512e03f10c18e74f4d2434406dc6922a50",color:"gray",shape:"icon",size:"small",fill:"outline",onClick:e=>this.changedEventHandler(e)},s("span",{key:"98d023ccfe7e26278259bf690a1d7a4323a704fc",innerHTML:this.isRTL?a:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>arrow-right</title>\n<path d="M29.217 15.465c-0.019-0.044-0.056-0.077-0.080-0.119-0.067-0.116-0.139-0.227-0.236-0.317-0.011-0.009-0.013-0.024-0.024-0.033l-10.667-9.333c-0.553-0.484-1.396-0.429-1.881 0.125-0.484 0.555-0.428 1.396 0.127 1.881l7.996 6.997h-20.452c-0.737 0-1.333 0.597-1.333 1.333s0.596 1.333 1.333 1.333h20.452l-7.996 6.997c-0.555 0.485-0.611 1.327-0.127 1.881 0.264 0.3 0.633 0.455 1.004 0.455 0.312 0 0.625-0.109 0.877-0.331l10.667-9.333c0.011-0.009 0.015-0.024 0.024-0.033 0.097-0.091 0.169-0.201 0.236-0.317 0.024-0.041 0.060-0.075 0.080-0.119 0.073-0.163 0.116-0.343 0.116-0.533s-0.043-0.371-0.116-0.535z"></path>\n</svg>\n'}))))))}componentDidLoad(){this.isReady=!0}};l.style=":host{display:block}.rtl .rtl-range-slider,[dir=rtl] .rtl-range-slider{transform:rotateY(180deg)}.rtl .rtl-range-numbers,[dir=rtl] .rtl-range-numbers{flex-direction:row-reverse}.rtl .form-select,.rtl select,[dir=rtl] .form-select,[dir=rtl] select{background-position:left 0.5rem center;padding-right:12px}.rtl .menu-divide li:not(:last-child):after,[dir=rtl] .menu-divide li:not(:last-child):after{left:0;right:auto}input[type=range]::-webkit-slider-thumb{pointer-events:all;width:24px;height:24px;-webkit-appearance:none}[type=checkbox]:checked{background-size:80%}";export{l as salla_price_range}

package/dist/twilight/p-6edcfd67.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as s,h as t,H as e,a}from"./p-CN6KGTlN.js";const i=class{constructor(t){s(this,t),this.loading=!0,this.saveLoading=!1,this.payload={items:{update:[],remove:[]}},this.expired=!1,this.editPreview=null,this.confirming=!1}async componentWillLoad(){await salla.onReady(),this.loadFromProp(),this.startExpiryCheck()}disconnectedCallback(){clearInterval(this.expiryInterval)}startExpiryCheck(){const s=this.order?.customer_editing_session?.ends_at;if(!s)return;const t=()=>new Date(`${s.replace(" ","T")}+03:00`).getTime()<=Date.now();t()?this.expired=!0:this.expiryInterval=setInterval((()=>{t()&&(this.expired=!0,clearInterval(this.expiryInterval))}),1e3)}loadFromProp(){try{if(!this.orderData)return void(this.error=salla.lang.getWithDefault("pages.orders.order_not_found","الطلب غير موجود"));const s="string"==typeof this.orderData?JSON.parse(this.orderData):this.orderData;this.order=s}catch(s){this.error=salla.lang.getWithDefault("pages.orders.order_not_found","الطلب غير موجود")}finally{this.loading=!1}}handleItemUpdated(s){if(!this.order)return;const{itemId:t,quantity:e,options:a}=s.detail,i=this.payload.items.update.filter((s=>s.id!==t));i.push({id:t,quantity:e,options:a??[]}),this.payload={...this.payload,items:{...this.payload.items,update:i}},this.order={...this.order,items:this.order.items.map((s=>s.id===t?{...s,quantity:e}:s))}}handleItemRemoved(s){if(!this.order)return;if(this.order.items.length<=1)return void salla.notify.error(salla.lang.getWithDefault("pages.orders.order_cannot_be_empty","لا يمكن إزالة جميع المنتجات من الطلب"));const{itemId:t}=s.detail;this.payload={...this.payload,items:{update:this.payload.items.update.filter((s=>s.id!==t)),remove:[...this.payload.items.remove,t]}},this.order={...this.order,items:this.order.items.filter((s=>s.id!==t))}}get hasChanges(){return this.payload.items.update.length>0||this.payload.items.remove.length>0}async saveOrder(){if(this.hasChanges){this.saveLoading=!0;try{const s=await salla.order.api.editOrder(this.orderId,this.payload);this.editPreview=s?.data?.data||s?.data,await(this.saveModal?.open())}catch(s){const t=s?.response?.data?.error?.message||s?.response?.data?.message;t&&salla.notify.error(t)}finally{this.saveLoading=!1}}}navigateToOrder(){const s=new URL(window.location.href);s.pathname=s.pathname.replace(/\/edit\/?$/,""),s.search="",window.location.href=s.href}handleConfirm(){this.confirming=!0,this.editPreview?.payment?.required&&this.editPreview.payment.payment_url?window.location.href=this.editPreview.payment.payment_url:this.navigateToOrder()}async cancelEditSession(){try{await salla.order.api.cancelEditSession(this.orderId),this.navigateToOrder()}catch(s){const t=s?.response?.data?.error?.message||s?.response?.data?.message;t&&salla.notify.error(t)}}renderSaveModal(){const s=this.editPreview,e=s?.totals?.remaining_amount?.amount>0,a=s?.totals?.refund_amount?.amount>0,i=s?.totals?.tax?.amount?.amount;return t("salla-modal",{ref:s=>this.saveModal=s,width:"md",onModalVisibilityChanged:async s=>{s.detail||(this.editPreview=null,this.confirming||await this.cancelEditSession(),this.confirming=!1)}},t("div",{class:"s-order-edit-modal"},t("h2",{class:"s-order-edit-modal-title"},salla.lang.getWithDefault("pages.orders.edit_summary_title","ملخص الطلب بعد التعديل")),s?.items?.length>0&&t("div",{class:"s-order-edit-modal-items"},s.items.map((s=>{const e=this.order?.items?.find((t=>t.id==s.id)),a=e?.product?.image?.url,i=s.options?.join("/ ");return t("div",{class:"s-order-edit-modal-item"},t("div",{class:"s-order-edit-modal-item-start"},a&&t("img",{src:a,alt:s.name,class:"s-order-edit-modal-item-image"}),t("div",null,t("p",{class:"s-order-edit-modal-item-name"},s.name),i&&t("span",{class:"s-order-edit-modal-item-options"},i))),t("div",{class:"s-order-edit-modal-item-end"},t("span",{class:"s-order-edit-modal-item-price",innerHTML:salla.money(s.price.amount)})))}))),s?.totals?.updated_products_total&&t("div",{class:"s-order-edit-modal-row"},t("span",{class:"s-order-edit-modal-row-label"},salla.lang.getWithDefault("pages.orders.modified_products_total","مجموع المنتجات المعدلة")),t("span",{class:"s-order-edit-modal-row-value",innerHTML:salla.money(s.totals.updated_products_total.amount)})),i>0&&t("div",{class:"s-order-edit-modal-row"},t("span",{class:"s-order-edit-modal-tax-label"},t("i",{class:"sicon-info-circle s-order-edit-modal-tax-icon"}),salla.lang.getWithDefault("pages.orders.vat","ضريبة القيمة المضافة")),t("span",{class:"s-order-edit-modal-row-value",innerHTML:salla.money(i)})),s?.totals?.total&&t("div",{class:"s-order-edit-modal-total"},t("span",{class:"s-order-edit-modal-total-label"},salla.lang.getWithDefault("pages.orders.order_total","اجمالي الطلب")),t("span",{class:"s-order-edit-modal-total-value",innerHTML:salla.money(s.totals.total.amount)})),a&&t("div",{class:"s-order-edit-modal-refund"},t("i",{class:"sicon-info-circle s-order-edit-modal-refund-icon"}),t("p",{class:"s-order-edit-modal-refund-text"},salla.lang.getWithDefault("pages.orders.refund_message","سيتم تحويل فارق المبلغ على نفس وسيلة الدفع"))),t("div",{class:"s-order-edit-modal-btn-wrapper"},t("salla-button",{onClick:()=>this.handleConfirm()},e?salla.lang.getWithDefault("pages.orders.pay_difference","دفع فارق المبلغ"):a?salla.lang.getWithDefault("pages.orders.confirm_and_receive_difference","تأكيد واستلام فارق المبلغ"):salla.lang.getWithDefault("pages.orders.confirm_changes","تأكيد التعديلات"),t("i",{class:"sicon-keyboard_arrow_left s-order-edit-modal-btn-icon"})))))}render(){if(this.loading)return t(e,null,t("salla-loading",null));if(this.expired)return t(e,null,t("div",{class:"s-order-edit-expired"},t("p",null,salla.lang.getWithDefault("pages.orders.edit_session_expired","انتهت مدة التعديل المتاحة")),t("salla-button",{onClick:()=>this.navigateToOrder()},salla.lang.getWithDefault("pages.orders.back_to_order","العودة إلى تفاصيل الطلب"))));if(this.error||!this.order)return t(e,null,t("div",{class:"no-content-placeholder"},t("i",{class:"sicon-shopping-bag icon"}),t("p",null,this.error)));const s=this.order.items&&this.order.items.length>0,a=this.order.customer_editing_session?.ends_at;return t(e,null,a&&t("div",{class:"s-order-edit-timer-wrapper"},t("salla-count-down",{prefixText:salla.lang.getWithDefault("pages.orders.edit_within","يمكنك التعديل خلال"),date:a,horizontal:!0,withButton:!0,autoSegments:!0,labeled:!1,size:"sm",color:"primary"})),t("div",{class:"s-order-edit-items-wrapper"},t("h2",{class:"s-order-edit-items-title"},salla.lang.getWithDefault("pages.orders.order_products","منتجات الطلب")),s?this.order.items.map(((s,e)=>[t("salla-order-edit-item",{key:s.id,item:s,orderId:this.orderId}),e<this.order.items.length-1?t("div",{class:"s-order-edit-items-divider"}):null])):t("div",{class:"no-content-placeholder"},t("i",{class:"sicon-shopping-bag icon"}),t("p",null,salla.lang.getWithDefault("common.elements.no_items","لا توجد عناصر")))),t("div",{class:"s-order-edit-actions"},t("salla-button",{onClick:()=>this.saveOrder(),loading:this.saveLoading,disabled:!this.hasChanges},salla.lang.getWithDefault("pages.orders.save_changes","حفظ التعديلات")),t("salla-button",{color:"gray",fill:"outline",onClick:()=>this.cancelEditSession()},salla.lang.getWithDefault("common.elements.cancel","الغاء"))),this.renderSaveModal())}get host(){return a(this)}};i.style="";export{i as salla_order_edit}