@salla.sa/twilight-components 2.14.251 → 2.14.253

package/dist/types/components.d.ts

@@ -15,6 +15,7 @@ import { Filter } from "./components/salla-filters/interfaces";
 import { Item, LoyaltyProgram } from "./components/salla-loyalty/loyalty-schema";
 import { Sources } from "./components/salla-menu/interfaces";
 import { Notification } from "./components/salla-notifications/interfaces";
+import { OrderProduct, ProductOption } from "./components/salla-order-details/interfaces";
 import { OrderQueryParameters } from "./components/salla-orders/interface";
 import { Donation, Option as Option1 } from "./components/salla-product-options/interfaces";
 import { Review } from "./components/salla-review-card/interfaces";
@@ -31,6 +32,7 @@ export { Filter } from "./components/salla-filters/interfaces";
 export { Item, LoyaltyProgram } from "./components/salla-loyalty/loyalty-schema";
 export { Sources } from "./components/salla-menu/interfaces";
 export { Notification } from "./components/salla-notifications/interfaces";
+export { OrderProduct, ProductOption } from "./components/salla-order-details/interfaces";
 export { OrderQueryParameters } from "./components/salla-orders/interface";
 export { Donation, Option as Option1 } from "./components/salla-product-options/interfaces";
 export { Review } from "./components/salla-review-card/interfaces";
@@ -44,6 +46,10 @@ export namespace Components {
      * Use this component to encapsulate content within a collapsible section.
      */
     interface SallaAccordion {
+        /**
+          * @default false
+         */
+        "bordered": boolean;
         /**
           * Detect if accordion collapsed or not.
           * @default true
@@ -54,6 +60,10 @@ export namespace Components {
           * @default true
          */
         "collapsible": boolean;
+        /**
+          * @default "md"
+         */
+        "size": "sm" | "md" | "lg";
     }
     /**
      * @salla /ui-components
@@ -1576,6 +1586,55 @@ export namespace Components {
          */
         "showOffer": (offer: any) => Promise<void>;
     }
+    /**
+     * @salla /ui-components
+     * The `salla-order-details` component renders a collapsible summary for an order product with optional options list.
+     * It uses the salla-accordion component to provide collapsible functionality.
+     */
+    interface SallaOrderDetails {
+        "orderDetails": string | OrderProduct;
+    }
+    /**
+     * @salla /ui-components
+     * The `salla-order-details-multiple-bundle-product` component renders a collapsible summary for an order multiple bundle product with optional options list.
+     * It uses the salla-accordion component to provide collapsible functionality.
+     */
+    interface SallaOrderDetailsMultipleBundleProduct {
+        /**
+          * Whether the accordion should be collapsible
+         */
+        "collapsible"?: boolean;
+        /**
+          * Placeholder image URL when product image is not available
+          * @default salla.url.cdn('images/s-empty.png')
+         */
+        "placeholderImage": string;
+        /**
+          * The product data to display
+         */
+        "productDetails": OrderProduct;
+    }
+    /**
+     * @salla /ui-components
+     * The `salla-order-details-options` component renders product options for order details.
+     * It displays various types of options including colors, images, files, maps, and text values.
+     */
+    interface SallaOrderDetailsOptions {
+        /**
+          * Whether to show the options in a bordered container
+          * @default true
+         */
+        "bordered"?: boolean;
+        /**
+          * Product options to display
+         */
+        "options"?: ProductOption[] | string;
+        /**
+          * Placeholder image URL when option image is not available
+          * @default 'images/placeholder.png'
+         */
+        "placeholderImage": string;
+    }
     interface SallaOrderSummary {
         /**
           * The order ID to fetch items from
@@ -3161,6 +3220,39 @@ declare global {
         prototype: HTMLSallaOfferModalElement;
         new (): HTMLSallaOfferModalElement;
     };
+    /**
+     * @salla /ui-components
+     * The `salla-order-details` component renders a collapsible summary for an order product with optional options list.
+     * It uses the salla-accordion component to provide collapsible functionality.
+     */
+    interface HTMLSallaOrderDetailsElement extends Components.SallaOrderDetails, HTMLStencilElement {
+    }
+    var HTMLSallaOrderDetailsElement: {
+        prototype: HTMLSallaOrderDetailsElement;
+        new (): HTMLSallaOrderDetailsElement;
+    };
+    /**
+     * @salla /ui-components
+     * The `salla-order-details-multiple-bundle-product` component renders a collapsible summary for an order multiple bundle product with optional options list.
+     * It uses the salla-accordion component to provide collapsible functionality.
+     */
+    interface HTMLSallaOrderDetailsMultipleBundleProductElement extends Components.SallaOrderDetailsMultipleBundleProduct, HTMLStencilElement {
+    }
+    var HTMLSallaOrderDetailsMultipleBundleProductElement: {
+        prototype: HTMLSallaOrderDetailsMultipleBundleProductElement;
+        new (): HTMLSallaOrderDetailsMultipleBundleProductElement;
+    };
+    /**
+     * @salla /ui-components
+     * The `salla-order-details-options` component renders product options for order details.
+     * It displays various types of options including colors, images, files, maps, and text values.
+     */
+    interface HTMLSallaOrderDetailsOptionsElement extends Components.SallaOrderDetailsOptions, HTMLStencilElement {
+    }
+    var HTMLSallaOrderDetailsOptionsElement: {
+        prototype: HTMLSallaOrderDetailsOptionsElement;
+        new (): HTMLSallaOrderDetailsOptionsElement;
+    };
     interface HTMLSallaOrderSummaryElement extends Components.SallaOrderSummary, HTMLStencilElement {
     }
     var HTMLSallaOrderSummaryElement: {
@@ -3557,6 +3649,9 @@ declare global {
         "salla-notifications": HTMLSallaNotificationsElement;
         "salla-offer": HTMLSallaOfferElement;
         "salla-offer-modal": HTMLSallaOfferModalElement;
+        "salla-order-details": HTMLSallaOrderDetailsElement;
+        "salla-order-details-multiple-bundle-product": HTMLSallaOrderDetailsMultipleBundleProductElement;
+        "salla-order-details-options": HTMLSallaOrderDetailsOptionsElement;
         "salla-order-summary": HTMLSallaOrderSummaryElement;
         "salla-orders": HTMLSallaOrdersElement;
         "salla-payments": HTMLSallaPaymentsElement;
@@ -3604,6 +3699,10 @@ declare namespace LocalJSX {
      * Use this component to encapsulate content within a collapsible section.
      */
     interface SallaAccordion {
+        /**
+          * @default false
+         */
+        "bordered"?: boolean;
         /**
           * Detect if accordion collapsed or not.
           * @default true
@@ -3614,6 +3713,10 @@ declare namespace LocalJSX {
           * @default true
          */
         "collapsible"?: boolean;
+        /**
+          * @default "md"
+         */
+        "size"?: "sm" | "md" | "lg";
     }
     /**
      * @salla /ui-components
@@ -5037,6 +5140,55 @@ declare namespace LocalJSX {
     }
     interface SallaOfferModal {
     }
+    /**
+     * @salla /ui-components
+     * The `salla-order-details` component renders a collapsible summary for an order product with optional options list.
+     * It uses the salla-accordion component to provide collapsible functionality.
+     */
+    interface SallaOrderDetails {
+        "orderDetails"?: string | OrderProduct;
+    }
+    /**
+     * @salla /ui-components
+     * The `salla-order-details-multiple-bundle-product` component renders a collapsible summary for an order multiple bundle product with optional options list.
+     * It uses the salla-accordion component to provide collapsible functionality.
+     */
+    interface SallaOrderDetailsMultipleBundleProduct {
+        /**
+          * Whether the accordion should be collapsible
+         */
+        "collapsible"?: boolean;
+        /**
+          * Placeholder image URL when product image is not available
+          * @default salla.url.cdn('images/s-empty.png')
+         */
+        "placeholderImage"?: string;
+        /**
+          * The product data to display
+         */
+        "productDetails"?: OrderProduct;
+    }
+    /**
+     * @salla /ui-components
+     * The `salla-order-details-options` component renders product options for order details.
+     * It displays various types of options including colors, images, files, maps, and text values.
+     */
+    interface SallaOrderDetailsOptions {
+        /**
+          * Whether to show the options in a bordered container
+          * @default true
+         */
+        "bordered"?: boolean;
+        /**
+          * Product options to display
+         */
+        "options"?: ProductOption[] | string;
+        /**
+          * Placeholder image URL when option image is not available
+          * @default 'images/placeholder.png'
+         */
+        "placeholderImage"?: string;
+    }
     interface SallaOrderSummary {
         /**
           * The order ID to fetch items from
@@ -5987,6 +6139,9 @@ declare namespace LocalJSX {
         "salla-notifications": SallaNotifications;
         "salla-offer": SallaOffer;
         "salla-offer-modal": SallaOfferModal;
+        "salla-order-details": SallaOrderDetails;
+        "salla-order-details-multiple-bundle-product": SallaOrderDetailsMultipleBundleProduct;
+        "salla-order-details-options": SallaOrderDetailsOptions;
         "salla-order-summary": SallaOrderSummary;
         "salla-orders": SallaOrders;
         "salla-payments": SallaPayments;
@@ -6105,6 +6260,24 @@ declare module "@stencil/core" {
              */
             "salla-offer": LocalJSX.SallaOffer & JSXBase.HTMLAttributes<HTMLSallaOfferElement>;
             "salla-offer-modal": LocalJSX.SallaOfferModal & JSXBase.HTMLAttributes<HTMLSallaOfferModalElement>;
+            /**
+             * @salla /ui-components
+             * The `salla-order-details` component renders a collapsible summary for an order product with optional options list.
+             * It uses the salla-accordion component to provide collapsible functionality.
+             */
+            "salla-order-details": LocalJSX.SallaOrderDetails & JSXBase.HTMLAttributes<HTMLSallaOrderDetailsElement>;
+            /**
+             * @salla /ui-components
+             * The `salla-order-details-multiple-bundle-product` component renders a collapsible summary for an order multiple bundle product with optional options list.
+             * It uses the salla-accordion component to provide collapsible functionality.
+             */
+            "salla-order-details-multiple-bundle-product": LocalJSX.SallaOrderDetailsMultipleBundleProduct & JSXBase.HTMLAttributes<HTMLSallaOrderDetailsMultipleBundleProductElement>;
+            /**
+             * @salla /ui-components
+             * The `salla-order-details-options` component renders product options for order details.
+             * It displays various types of options including colors, images, files, maps, and text values.
+             */
+            "salla-order-details-options": LocalJSX.SallaOrderDetailsOptions & JSXBase.HTMLAttributes<HTMLSallaOrderDetailsOptionsElement>;
             "salla-order-summary": LocalJSX.SallaOrderSummary & JSXBase.HTMLAttributes<HTMLSallaOrderSummaryElement>;
             "salla-orders": LocalJSX.SallaOrders & JSXBase.HTMLAttributes<HTMLSallaOrdersElement>;
             "salla-payments": LocalJSX.SallaPayments & JSXBase.HTMLAttributes<HTMLSallaPaymentsElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-components",
-  "version": "2.14.251",
+  "version": "2.14.253",
   "license": "GPL-3.0",
   "author": "Salla Team <support@salla.dev> (https://salla.dev)",
   "bugs": {
@@ -80,9 +80,9 @@
     "typescript": "^5.4.5"
   },
   "dependencies": {
-    "@salla.sa/applepay": "2.14.251",
-    "@salla.sa/twilight": "2.14.251",
-    "@salla.sa/twilight-tailwind-theme": "2.14.251",
+    "@salla.sa/applepay": "2.14.253",
+    "@salla.sa/twilight": "2.14.253",
+    "@salla.sa/twilight-tailwind-theme": "2.14.253",
     "@types/node": "^20.4.8",
     "animejs": "^3.2.2",
     "filepond": "^4.30.6",
@@ -100,5 +100,5 @@
     "vanilla-lazyload": "^17.8.5",
     "vanilla-picker": "^2.12.2"
   },
-  "gitHead": "f20a6475ce6799b07cb02719542d2ff85e0b4d89"
+  "gitHead": "88478878c9ef458ad55b2f796e6b9acecda58fdd"
 }