@deenruv/react-ui-devkit 1.0.0

package/dist/types/types.js

@@ -0,0 +1,194 @@
+import { CollectionListSelector, AdminListSelector, ChannelListSelector, CountryListSelector, CustomerGroupListSelector, CustomerListSelector, FacetListSelector, PaymentMethodListSelector, ProductListSelector, ProductVariantListSelector, PromotionListSelector, RoleListSelector, SellerListSelector, ShippingMethodListSelector, TaxCategoryListSelector, TaxRateListSelector, ZoneListSelector, FacetValueListSelector, OrderListSelector, StockLocationListSelector, } from "../selectors/lists/index.js";
+import { OrderDetailSelector, TaxRateDetailsSelector, SellerDetailSelector, CountryDetailSelector, FacetDetailSelector, RoleDetailsSelector, PaymentMethodDetailsSelector, ShippingMethodDetailsSelector, CollectionDetailsSelector, CustomerGroupDetailSelector, TaxCategoryDetailSelector, StockLocationDetailSelector, PromotionDetailSelector, AdminDetailSelector, ChannelDetailsSelector, ZoneDetailsSelector, ProductDetailSelector, GlobalSettingsDetailSelector, CustomerDetailSelector, } from "../selectors/details/index.js";
+import { AssetListSelector } from "../selectors/lists/AssetListSelector.js";
+/** LISTS */
+export var ListLocations = {
+    "assets-list-view": {
+        type: "Asset",
+        selector: AssetListSelector,
+    },
+    "admins-list-view": {
+        type: "Administrator",
+        selector: AdminListSelector,
+    },
+    "channels-list-view": {
+        type: "Channel",
+        selector: ChannelListSelector,
+    },
+    "collections-list-view": {
+        type: "Collection",
+        selector: CollectionListSelector,
+    },
+    "countries-list-view": {
+        type: "Country",
+        selector: CountryListSelector,
+    },
+    "customerGroups-list-view": {
+        type: "CustomerGroup",
+        selector: CustomerGroupListSelector,
+    },
+    "customers-list-view": {
+        type: "Customer",
+        selector: CustomerListSelector,
+    },
+    "facets-list-view": {
+        type: "Facet",
+        selector: FacetListSelector,
+    },
+    "paymentMethods-list-view": {
+        type: "PaymentMethod",
+        selector: PaymentMethodListSelector,
+    },
+    "products-list-view": {
+        type: "Product",
+        selector: ProductListSelector,
+    },
+    "productVariants-list-view": {
+        type: "ProductVariant",
+        selector: ProductVariantListSelector,
+    },
+    "promotions-list-view": {
+        type: "Promotion",
+        selector: PromotionListSelector,
+    },
+    "roles-list-view": {
+        type: "Role",
+        selector: RoleListSelector,
+    },
+    "sellers-list-view": {
+        type: "Seller",
+        selector: SellerListSelector,
+    },
+    "shippingMethods-list-view": {
+        type: "ShippingMethod",
+        selector: ShippingMethodListSelector,
+    },
+    "stockLocations-list": {
+        type: "StockLocation",
+        selector: StockLocationListSelector,
+    },
+    "taxCategories-list-view": {
+        type: "TaxCategory",
+        selector: TaxCategoryListSelector,
+    },
+    "taxRates-list-view": {
+        type: "TaxRate",
+        selector: TaxRateListSelector,
+    },
+    "zones-list-view": {
+        type: "Zone",
+        selector: ZoneListSelector,
+    },
+    "facet-values-list": {
+        type: "FacetValue",
+        selector: FacetValueListSelector,
+    },
+    "orders-list-view": {
+        type: "Order",
+        selector: OrderListSelector,
+    },
+    "stockLocations-list-view": {
+        type: "StockLocation",
+        selector: StockLocationListSelector,
+    },
+};
+/** DETAILS */
+export var DetailLocations = {
+    "admins-detail-view": {
+        type: "Administrator",
+        selector: AdminDetailSelector,
+    },
+    "products-detail-view": {
+        type: "Product",
+        selector: ProductDetailSelector,
+    },
+    "paymentMethods-detail-view": {
+        type: "PaymentMethod",
+        selector: PaymentMethodDetailsSelector,
+    },
+    "promotions-detail-view": {
+        type: "Promotion",
+        selector: PromotionDetailSelector,
+    },
+    "channels-detail-view": {
+        type: "Channel",
+        selector: ChannelDetailsSelector,
+    },
+    "collections-detail-view": {
+        type: "Collection",
+        selector: CollectionDetailsSelector,
+    },
+    "countries-detail-view": {
+        type: "Country",
+        selector: CountryDetailSelector,
+    },
+    "facets-detail-view": {
+        type: "Facet",
+        selector: FacetDetailSelector,
+    },
+    "taxCategories-detail-view": {
+        type: "TaxCategory",
+        selector: TaxCategoryDetailSelector,
+    },
+    "taxRates-detail-view": {
+        type: "TaxRate",
+        selector: TaxRateDetailsSelector,
+    },
+    "shippingMethods-detail-view": {
+        type: "ShippingMethod",
+        selector: ShippingMethodDetailsSelector,
+    },
+    "stockLocations-detail-view": {
+        type: "StockLocation",
+        selector: StockLocationDetailSelector,
+    },
+    "customers-detail-view": {
+        type: "Customer",
+        selector: CustomerDetailSelector,
+    },
+    "customerGroups-detail-view": {
+        type: "CustomerGroup",
+        selector: CustomerGroupDetailSelector,
+    },
+    "orders-detail-view": {
+        type: "Order",
+        selector: OrderDetailSelector,
+    },
+    "orders-summary": {
+        type: "Order",
+        selector: OrderDetailSelector,
+    },
+    "globalSettings-detail-view": {
+        type: "GlobalSettings",
+        selector: GlobalSettingsDetailSelector,
+    },
+    "zones-detail-view": {
+        type: "Zone",
+        selector: ZoneDetailsSelector,
+    },
+    "roles-detail-view": {
+        type: "Role",
+        selector: RoleDetailsSelector,
+    },
+    "sellers-detail-view": {
+        type: "Seller",
+        selector: SellerDetailSelector,
+    },
+};
+/** MODALS */
+export var ModalLocations = {
+    "manual-order-state": {
+        type: "Order",
+        selector: OrderDetailSelector,
+    },
+};
+export var BASE_GROUP_ID;
+(function (BASE_GROUP_ID) {
+    BASE_GROUP_ID["SHOP"] = "shop-group";
+    BASE_GROUP_ID["ASSORTMENT"] = "assortment-group";
+    BASE_GROUP_ID["USERS"] = "users-group";
+    BASE_GROUP_ID["PROMOTIONS"] = "promotions-group";
+    BASE_GROUP_ID["SHIPPING"] = "shipping-group";
+    BASE_GROUP_ID["SETTINGS"] = "settings-group";
+})(BASE_GROUP_ID || (BASE_GROUP_ID = {}));
+//# sourceMappingURL=types.js.map

package/dist/types/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types/types.ts"],"names":[],"mappings":"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"}

package/dist/types/utility.d.ts

@@ -0,0 +1,3 @@
+export type ExcludeUndefined<T> = {
+    [V in keyof T]: Exclude<V, undefined>;
+};

package/dist/types/utility.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utility.js.map

package/dist/types/utility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utility.js","sourceRoot":"","sources":["../../src/types/utility.ts"],"names":[],"mappings":""}

package/dist/universal_components/AssetsModalInput.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+export interface AssetsModalChangeType {
+    id: string;
+    preview: string;
+    source: string;
+}
+/**
+ * A modal that allows the user to select an asset from a list of available assets.
+ *
+ * @param {AssetsModalChangeType} value - The currently selected asset.
+ * @param {(value?: AssetsModalChangeType) => void} setValue - Callback invoked whenever the selected asset changes.
+ */
+export declare function AssetsModalInput({ value, setValue, }: {
+    value?: {
+        id: string;
+        preview: string;
+    };
+    setValue: (value?: {
+        id: string;
+        preview: string;
+        source: string;
+    }) => void;
+}): React.JSX.Element;

package/dist/universal_components/AssetsModalInput.js

@@ -0,0 +1,132 @@
+import { __spreadArray } from "tslib";
+import { useEffect, useMemo, useState } from "react";
+import { ChevronDown, CircleX } from "lucide-react";
+import { apiClient } from "../zeus_client/deenruvAPICall.js";
+import { cn } from "../lib/utils.js";
+import React from "react";
+import { Dialog, DialogClose, DialogContent, DialogHeader, DialogTitle, DialogTrigger, Button, Input, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Label, HoverCard, HoverCardContent, HoverCardTrigger, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, ImageWithPreview, } from "../components";
+import { assetsSelector } from "../selectors/AssetsSelector.js";
+import { ASSETS_ITEMS_PER_PAGE, useAssets, } from "../hooks/useAssets.js";
+import { useTranslation } from "../hooks/useTranslation.js";
+var arrayRange = function (start, stop) {
+    return Array.from({ length: stop - start + 1 }, function (_, index) { return start + index; });
+};
+/**
+ * A modal that allows the user to select an asset from a list of available assets.
+ *
+ * @param {AssetsModalChangeType} value - The currently selected asset.
+ * @param {(value?: AssetsModalChangeType) => void} setValue - Callback invoked whenever the selected asset changes.
+ */
+export function AssetsModalInput(_a) {
+    var value = _a.value, setValue = _a.setValue;
+    var t = useTranslation("common").t;
+    var _b = useState(), selectedAsset = _b[0], setSelectedAsset = _b[1];
+    var _c = useState(false), open = _c[0], setOpen = _c[1];
+    var _d = useState([]), tags = _d[0], setTags = _d[1];
+    var _e = useAssets({ skip: true }), assets = _e.assets, error = _e.error, isPending = _e.isPending, totalItems = _e.totalItems, page = _e.page, perPage = _e.perPage, searchTags = _e.searchTags, searchTerm = _e.searchTerm, setPage = _e.setPage, setPerPage = _e.setPerPage, setSearchTags = _e.setSearchTags, setSearchTerm = _e.setSearchTerm, totalPages = _e.totalPages, setSkip = _e.setSkip;
+    useEffect(function () {
+        if (value === null || value === void 0 ? void 0 : value.id) {
+            apiClient("query")({
+                assets: [
+                    { options: { take: 1, filter: { id: { eq: value.id } } } },
+                    { items: assetsSelector },
+                ],
+            }).then(function (_a) {
+                var assets = _a.assets;
+                setSelectedAsset(assets.items[0]);
+            });
+        }
+    }, [value]);
+    useEffect(function () {
+        apiClient("query")({
+            tags: [{}, { items: { id: true, value: true } }],
+        }).then(function (_a) {
+            var tags = _a.tags;
+            setTags(tags.items);
+        });
+    }, []);
+    var pagesToShow = useMemo(function () {
+        return totalPages <= 7
+            ? arrayRange(1, totalPages)
+            : page < 4
+                ? __spreadArray(__spreadArray([], arrayRange(1, 5), true), ["ellipsis", totalPages], false) : page >= totalPages - 2
+                ? __spreadArray([1, "ellipsis"], arrayRange(totalPages - 4, totalPages), true) : __spreadArray(__spreadArray([
+                1,
+                "ellipsis"
+            ], arrayRange(page - 1, page + 1), true), [
+                "ellipsis",
+                totalPages,
+            ], false);
+    }, [totalPages, page]);
+    useEffect(function () {
+        setSkip(!open);
+    }, [open]);
+    return (React.createElement(Dialog, { open: open, onOpenChange: setOpen },
+        React.createElement(DialogTrigger, { asChild: true },
+            React.createElement(Button, { variant: "secondary", size: "sm" }, t("asset.dialogButton"))),
+        React.createElement(DialogContent, { className: "max-h-[90vh] max-w-[80vw]" },
+            React.createElement(DialogHeader, null,
+                React.createElement(DialogTitle, null,
+                    " ",
+                    t("asset.dialogTitle"))),
+            React.createElement("div", { className: "flex h-[calc(90vh-140px)] w-full flex-col gap-2 " },
+                React.createElement("div", { className: " flex gap-2" },
+                    React.createElement(Input, { className: "w-80", value: searchTerm, onChange: function (e) { return setSearchTerm(e.currentTarget.value); }, placeholder: t("asset.dialogSearchPlaceholder") }),
+                    React.createElement("div", { className: "flex flex-wrap gap-2" },
+                        React.createElement(DropdownMenu, null,
+                            React.createElement(DropdownMenuTrigger, { asChild: true },
+                                React.createElement(Button, { variant: "outline" },
+                                    t("search.addFilter"),
+                                    " ",
+                                    React.createElement(ChevronDown, { className: "ml-2 size-4" }))),
+                            React.createElement(DropdownMenuContent, { align: "start", className: "max-h-[400px] overflow-y-auto" }, tags
+                                .filter(function (i) { return !searchTags.some(function (a) { return a === i.value; }); })
+                                .map(function (i) { return (React.createElement(DropdownMenuItem, { key: i.id, onClick: function () { return setSearchTags(function (p) { return __spreadArray(__spreadArray([], p, true), [i.value], false); }); } }, i.value)); }))),
+                        searchTags.map(function (i) { return (React.createElement("div", { onClick: function () { return setSearchTags(function (p) { return p.filter(function (a) { return a !== i; }); }); }, className: " border-1 flex h-[40px] cursor-pointer items-center gap-2 rounded border px-2 py-1 text-sm ", key: i },
+                            i,
+                            React.createElement(CircleX, { size: 14 }))); }))),
+                React.createElement("div", { className: "w-full flex-1 overflow-y-auto  pr-1" }, isPending ? (React.createElement("div", { className: "flex size-full items-center justify-center" },
+                    React.createElement("div", { className: "customSpinner" }))) : error || assets.length === 0 ? (React.createElement("div", { className: " flex size-full items-center justify-center" },
+                    React.createElement(Label, null, error || t("asset.noImages")))) : (React.createElement("div", { className: "flex w-full flex-1 flex-wrap gap-2" }, assets.map(function (asset) { return (React.createElement("div", { key: asset.id, className: cn("h-[180px] grow basis-1/5  cursor-pointer overflow-hidden rounded border-2", (selectedAsset === null || selectedAsset === void 0 ? void 0 : selectedAsset.id) === asset.id && "border-blue-500"), onClick: function () {
+                        return setSelectedAsset(function (p) {
+                            return (p === null || p === void 0 ? void 0 : p.id) !== asset.id ? asset : undefined;
+                        });
+                    } },
+                    React.createElement(ImageWithPreview, { imageClassName: "w-full h-[150px] object-cover", src: asset.preview, alt: asset.name }),
+                    React.createElement(HoverCard, null,
+                        React.createElement(HoverCardTrigger, { asChild: true },
+                            React.createElement("div", { className: "max-w-[150px] truncate px-2 pt-1.5 text-xs" }, asset.name)),
+                        React.createElement(HoverCardContent, { className: cn("rounded border p-1 text-center text-xs") },
+                            React.createElement("div", { className: "" }, asset.name))))); })))),
+                React.createElement("div", { className: "gap-2, flex w-full flex-wrap justify-between" },
+                    React.createElement("div", { className: "flex gap-2" },
+                        React.createElement("div", { className: "m-auto whitespace-nowrap text-center" },
+                            (page - 1) * perPage + 1,
+                            " - ",
+                            page * perPage,
+                            " of ",
+                            totalItems),
+                        React.createElement(Select, { value: perPage.toString(), onValueChange: function (e) {
+                                return setPerPage(parseInt(e));
+                            } },
+                            React.createElement(SelectTrigger, { className: "w-[180px]" },
+                                React.createElement(SelectValue, { placeholder: t("perPagePlaceholder") })),
+                            React.createElement(SelectContent, null, ASSETS_ITEMS_PER_PAGE.map(function (i) { return (React.createElement(SelectItem, { key: i, value: i.toString() }, t("asset.perPageValue", { value: i }))); })))),
+                    React.createElement("div", null,
+                        React.createElement(Pagination, null,
+                            React.createElement(PaginationContent, null,
+                                React.createElement(PaginationPrevious, { isActive: page !== 1, onClick: function () { return setPage(function (p) { return p - 1; }); } }),
+                                pagesToShow.map(function (i, index) { return (React.createElement(PaginationItem, { key: index }, i === "ellipsis" ? (React.createElement(PaginationEllipsis, null)) : (React.createElement(PaginationLink, { isActive: i === page, onClick: function () { return setPage(i); } }, i)))); }),
+                                React.createElement(PaginationNext, { isActive: page !== totalPages, onClick: function () { return setPage(function (p) { return p + 1; }); } })))),
+                    React.createElement("div", { className: "flex flex-1 justify-end gap-2" },
+                        React.createElement(DialogClose, { asChild: true },
+                            React.createElement(Button, { variant: "ghost" }, t("asset.cancel"))),
+                        React.createElement(DialogClose, { asChild: true },
+                            React.createElement(Button, { disabled: !selectedAsset, onClick: function () {
+                                    if (selectedAsset)
+                                        setValue(selectedAsset);
+                                    else
+                                        setValue(undefined);
+                                } }, t("asset.confirmButton")))))))));
+}
+//# sourceMappingURL=AssetsModalInput.js.map

package/dist/universal_components/AssetsModalInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsModalInput.js","sourceRoot":"","sources":["../../src/universal_components/AssetsModalInput.tsx"],"names":[],"mappings":"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"}

package/dist/universal_components/ConfirmationDialog.d.ts

@@ -0,0 +1,18 @@
+import React, { PropsWithChildren, ReactNode } from "react";
+interface ConfirmationDialogProps {
+    onConfirm: () => void;
+    title?: string;
+    description?: string;
+    additionalElement?: ReactNode;
+}
+/**
+ * A modal that asks the user to confirm an action.
+ *
+ * @param {() => void} onConfirm - Callback invoked when the user confirms the action.
+ * @param {string} title - The title of the dialog.
+ * @param {string} description - The description of the dialog.
+ * @param {ReactNode} additionalElement - A socket for an additional element that should be rendered in the modal.
+ * @param {ReactNode} children - The trigger element that opens the dialog.
+ */
+export declare const ConfirmationDialog: React.FC<PropsWithChildren<ConfirmationDialogProps>>;
+export {};

package/dist/universal_components/ConfirmationDialog.js

@@ -0,0 +1,31 @@
+import { AlertDialogHeader, AlertDialogTitle, AlertDialog, AlertDialogContent, AlertDialogTrigger, AlertDialogFooter, AlertDialogAction, AlertDialogCancel, AlertDialogDescription, } from "../components/atoms/alert-dialog.js";
+import React, { useCallback } from "react";
+import { useTranslation } from "react-i18next";
+/**
+ * A modal that asks the user to confirm an action.
+ *
+ * @param {() => void} onConfirm - Callback invoked when the user confirms the action.
+ * @param {string} title - The title of the dialog.
+ * @param {string} description - The description of the dialog.
+ * @param {ReactNode} additionalElement - A socket for an additional element that should be rendered in the modal.
+ * @param {ReactNode} children - The trigger element that opens the dialog.
+ */
+export var ConfirmationDialog = function (_a) {
+    var children = _a.children, onConfirm = _a.onConfirm, title = _a.title, description = _a.description, additionalElement = _a.additionalElement;
+    var t = useTranslation("common").t;
+    var handleConfirm = useCallback(function () {
+        onConfirm();
+    }, [onConfirm]);
+    return (React.createElement(AlertDialog, null,
+        React.createElement(AlertDialogTrigger, { asChild: true }, children),
+        React.createElement(AlertDialogContent, null,
+            React.createElement(AlertDialogHeader, null,
+                React.createElement(AlertDialogTitle, null, title ? title : t("confirmationDialog.title"))),
+            React.createElement(AlertDialogDescription, { className: "flex flex-col gap-4" },
+                description ? description : t("confirmationDialog.description"),
+                additionalElement),
+            React.createElement(AlertDialogFooter, { className: "mt-2" },
+                React.createElement(AlertDialogCancel, null, t("confirmationDialog.cancelBtn")),
+                React.createElement(AlertDialogAction, { onClick: handleConfirm }, t("confirmationDialog.confirmBtn"))))));
+};
+//# sourceMappingURL=ConfirmationDialog.js.map

package/dist/universal_components/ConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationDialog.js","sourceRoot":"","sources":["../../src/universal_components/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,GACvB,4CAA2C;AAC5C,OAAO,KAAK,EAAE,EAAgC,WAAW,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAS/C;;;;;;;;GAQG;AACH,MAAM,CAAC,IAAM,kBAAkB,GAE3B,UAAC,EAA8D;QAA5D,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,iBAAiB,uBAAA;IACvD,IAAA,CAAC,GAAK,cAAc,CAAC,QAAQ,CAAC,EAA7B,CAA8B;IAEvC,IAAM,aAAa,GAAG,WAAW,CAAC;QAChC,SAAS,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,oBAAC,WAAW;QACV,oBAAC,kBAAkB,IAAC,OAAO,UAAE,QAAQ,CAAsB;QAC3D,oBAAC,kBAAkB;YACjB,oBAAC,iBAAiB;gBAChB,oBAAC,gBAAgB,QACd,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAC7B,CACD;YACpB,oBAAC,sBAAsB,IAAC,SAAS,EAAC,qBAAqB;gBACpD,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,gCAAgC,CAAC;gBAC/D,iBAAiB,CACK;YACzB,oBAAC,iBAAiB,IAAC,SAAS,EAAC,MAAM;gBACjC,oBAAC,iBAAiB,QACf,CAAC,CAAC,8BAA8B,CAAC,CAChB;gBACpB,oBAAC,iBAAiB,IAAC,OAAO,EAAE,aAAa,IACtC,CAAC,CAAC,+BAA+B,CAAC,CACjB,CACF,CACD,CACT,CACf,CAAC;AACJ,CAAC,CAAC"}

package/dist/universal_components/CustomCard.d.ts

@@ -0,0 +1,17 @@
+import React, { PropsWithChildren, ReactNode } from "react";
+export type TailwindColor = "slate" | "gray" | "zinc" | "neutral" | "stone" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
+export type CardVariant = "group";
+interface OrderCardTitleProps {
+    icon?: ReactNode;
+    title: string;
+    description?: string;
+    upperRight?: ReactNode;
+    bottomRight?: ReactNode;
+    color?: TailwindColor;
+    wrapperClassName?: string;
+    collapsed?: boolean;
+    notCollapsible?: boolean;
+    variant?: "group";
+}
+export declare const CustomCard: React.FC<PropsWithChildren<OrderCardTitleProps>>;
+export {};

package/dist/universal_components/CustomCard.js

@@ -0,0 +1,55 @@
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "../components/atoms/accordion.js";
+import { Card, CardContent, CardFooter } from "../components/atoms/card.js";
+import { CustomCardHeader } from "./CustomCardHeader.js";
+import { cn } from "../lib/utils.js";
+import React, { cloneElement, useEffect, useRef, useState, } from "react";
+export var CustomCard = function (_a) {
+    var children = _a.children, icon = _a.icon, description = _a.description, title = _a.title, upperRight = _a.upperRight, bottomRight = _a.bottomRight, color = _a.color, wrapperClassName = _a.wrapperClassName, collapsed = _a.collapsed, notCollapsible = _a.notCollapsible, variant = _a.variant;
+    var textColor = "";
+    var borderColor = color
+        ? "border-l-4 border-l-".concat(color, "-500 dark:border-l-").concat(color, "-300")
+        : "";
+    var baseClasses = "h-5 w-5";
+    var defaultOpen = collapsed ? undefined : title;
+    var iconWithClassName = icon && typeof icon === "object" && "type" in icon
+        ? cloneElement(icon, {
+            className: "".concat(baseClasses, " ").concat(textColor),
+        })
+        : icon;
+    var _b = useState(defaultOpen), openItem = _b[0], setOpenItem = _b[1];
+    var _c = useState(defaultOpen), pendingValue = _c[0], setPendingValue = _c[1];
+    var _d = useState(false), collapsing = _d[0], setCollapsing = _d[1];
+    var _e = useState(false), expanding = _e[0], setExpanding = _e[1];
+    var collapseTimeout = useRef(null);
+    var handleValueChange = function (value) {
+        if (collapseTimeout.current)
+            clearTimeout(collapseTimeout.current);
+        var isCollapsing = Boolean(openItem && !value);
+        var isExpanding = Boolean(!openItem && value);
+        setCollapsing(isCollapsing);
+        setExpanding(isExpanding);
+        setPendingValue(value);
+        collapseTimeout.current = setTimeout(function () {
+            setOpenItem(value);
+            setCollapsing(false);
+            setExpanding(false);
+        }, 250);
+    };
+    useEffect(function () {
+        return function () {
+            if (collapseTimeout.current)
+                clearTimeout(collapseTimeout.current);
+        };
+    }, []);
+    var HeaderJSX = (React.createElement(CustomCardHeader, { description: description, title: title, icon: iconWithClassName, isCollapsed: !openItem, fullWidth: notCollapsible },
+        React.createElement("div", { onClick: function (e) { return e.stopPropagation(); }, className: "cursor-auto hover:no-underline" }, upperRight)));
+    return (React.createElement(Accordion, { type: "single", collapsible: true, className: cn("w-full", wrapperClassName), defaultValue: defaultOpen, value: pendingValue, onValueChange: handleValueChange },
+        React.createElement(AccordionItem, { value: title, className: "h-full border-none" },
+            React.createElement(Card, { className: cn("shadow-sm transition-colors duration-200 hover:shadow h-full", variant === "group" &&
+                    "bg-transparent border-dashed border-[2px] shadow-none", borderColor, collapsing || expanding ? "overflow-hidden" : "overflow-visible") },
+                notCollapsible ? (HeaderJSX) : (React.createElement(AccordionTrigger, { className: cn("p-0 pr-6 w-full hover:no-underline") }, HeaderJSX)),
+                React.createElement(AccordionContent, { className: "pb-0", wrapperClassName: "overflow-visible" },
+                    React.createElement(CardContent, null, children),
+                    bottomRight && (React.createElement(CardFooter, { className: "justify-end" }, bottomRight)))))));
+};
+//# sourceMappingURL=CustomCard.js.map

package/dist/universal_components/CustomCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomCard.js","sourceRoot":"","sources":["../../src/universal_components/CustomCard.tsx"],"names":[],"mappings":"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"}

package/dist/universal_components/CustomCardHeader.d.ts

@@ -0,0 +1,19 @@
+import React, { PropsWithChildren, ReactNode } from "react";
+interface OrderCardTitleProps {
+    icon?: ReactNode;
+    title: string;
+    description?: string;
+    isCollapsed?: boolean;
+    fullWidth?: boolean;
+}
+/**
+ * A default Deenruv card header component. In most cases it shouldn't be user separately.
+ * @param {ReactNode} [icon] - An optional icon displayed alongside the title.
+ * @param {string} title - The title of the card.
+ * @param {string} [description] - An optional description displayed below the title.
+ * @param {boolean} [isCollapsed] - If true, the description is truncated.
+ * @param {boolean} [fullWidth] - If true, sets the wrapper to full width.
+ * @param {ReactNode} children - An optional element positioned in the upper-right corner.
+ */
+export declare const CustomCardHeader: React.FC<PropsWithChildren<OrderCardTitleProps>>;
+export {};

package/dist/universal_components/CustomCardHeader.js

@@ -0,0 +1,24 @@
+import { CardDescription, CardHeader, CardTitle, } from "../components/atoms/card.js";
+import { cn } from "../lib/utils.js";
+import React from "react";
+/**
+ * A default Deenruv card header component. In most cases it shouldn't be user separately.
+ * @param {ReactNode} [icon] - An optional icon displayed alongside the title.
+ * @param {string} title - The title of the card.
+ * @param {string} [description] - An optional description displayed below the title.
+ * @param {boolean} [isCollapsed] - If true, the description is truncated.
+ * @param {boolean} [fullWidth] - If true, sets the wrapper to full width.
+ * @param {ReactNode} children - An optional element positioned in the upper-right corner.
+ */
+export var CustomCardHeader = function (_a) {
+    var children = _a.children, icon = _a.icon, description = _a.description, title = _a.title, isCollapsed = _a.isCollapsed, fullWidth = _a.fullWidth;
+    return (React.createElement(CardHeader, { className: cn(!fullWidth && "w-[90%] flex-1") },
+        React.createElement("div", { className: "flex w-full items-center justify-between" },
+            React.createElement("div", { className: "flex min-w-0 flex-1 items-center gap-4" },
+                icon && React.createElement("span", { className: "shrink-0" }, icon),
+                React.createElement("div", { className: "min-w-0 flex-1 text-start" },
+                    React.createElement(CardTitle, { className: "text-lg" }, title),
+                    description && (React.createElement(CardDescription, { className: "mt-1 ".concat(isCollapsed ? "w-[95%] truncate" : "") }, description)))),
+            React.createElement("div", { className: "shrink-0" }, children))));
+};
+//# sourceMappingURL=CustomCardHeader.js.map

package/dist/universal_components/CustomCardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomCardHeader.js","sourceRoot":"","sources":["../../src/universal_components/CustomCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,UAAU,EACV,SAAS,GACV,oCAAmC;AACpC,OAAO,EAAE,EAAE,EAAE,wBAAuB;AACpC,OAAO,KAAuC,MAAM,OAAO,CAAC;AAU5D;;;;;;;;GAQG;AACH,MAAM,CAAC,IAAM,gBAAgB,GAEzB,UAAC,EAA8D;QAA5D,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,SAAS,eAAA;IAAO,OAAA,CACtE,oBAAC,UAAU,IAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,IAAI,gBAAgB,CAAC;QACvD,6BAAK,SAAS,EAAC,0CAA0C;YACvD,6BAAK,SAAS,EAAC,wCAAwC;gBACpD,IAAI,IAAI,8BAAM,SAAS,EAAC,UAAU,IAAE,IAAI,CAAQ;gBACjD,6BAAK,SAAS,EAAC,2BAA2B;oBACxC,oBAAC,SAAS,IAAC,SAAS,EAAC,SAAS,IAAE,KAAK,CAAa;oBACjD,WAAW,IAAI,CACd,oBAAC,eAAe,IACd,SAAS,EAAE,eAAQ,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAE,IAEzD,WAAW,CACI,CACnB,CACG,CACF;YACN,6BAAK,SAAS,EAAC,UAAU,IAAE,QAAQ,CAAO,CACtC,CACK,CACd;AAnBuE,CAmBvE,CAAC"}

package/dist/universal_components/CustomerSearch.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import { type CustomerSearchType } from "../selectors/CustomerSearchSelector.js";
+interface Props {
+    /** Callback when a customer is selected */
+    onSelect: (selected: CustomerSearchType | CustomerSearchType[]) => void;
+    /** Currently selected customer(s) */
+    selectedCustomer?: CustomerSearchType | CustomerSearchType[];
+    /** Enable multiple selection */
+    multiple?: boolean;
+    /** Maximum number of results to display */
+    maxResults?: number;
+    /** Custom placeholder text */
+    placeholder?: string;
+    /** Disable the search input */
+    disabled?: boolean;
+    /** Callback when search starts */
+    onSearchStart?: () => void;
+    /** Callback when search completes */
+    onSearchComplete?: (results: CustomerSearchType[], query: string) => void;
+    /** Callback when search encounters an error */
+    onSearchError?: (error: Error) => void;
+    /** Custom debounce delay in milliseconds */
+    debounceDelay?: number;
+    /** Show clear button when there's text */
+    showClearButton?: boolean;
+    /** Custom CSS class for the container */
+    className?: string;
+    /** Maximum number of customers that can be selected (only for multiple mode) */
+    maxSelections?: number;
+}
+export declare const CustomerSearch: React.FC<Props>;
+export {};