@deenruv/react-ui-devkit 1.0.0

package/dist/universal_components/DialogProductPicker.js

@@ -0,0 +1,182 @@
+import { __assign, __awaiter, __generator, __spreadArray } from "tslib";
+import React from "react";
+import { DialogProductPickerSelector } from "../selectors/DialogProductPickerSelector.js";
+import { useList } from "../hooks/useList.js";
+import { apiClient } from "../zeus_client/deenruvAPICall.js";
+import { useEffect, useState } from "react";
+import { useDebounce } from "../hooks/useDebounce.js";
+import { Search, X } from "lucide-react";
+import { Button, Checkbox, Dialog, DialogContent, DialogFooter, DialogHeader, Input, RadioGroup, RadioGroupItem, } from "../components/index.js";
+import { DialogTitle } from "@radix-ui/react-dialog";
+import { priceFormatter } from "../utils/price-formatter.js";
+import { useTranslation } from "../hooks/useTranslation.js";
+/**
+ * Dialog component for selecting products or product variants.
+ *
+ * @param {'product' | 'variant'} mode - Specifies whether the picker is for products or product variants.
+ * @param {boolean} [multiple=false] - Determines if multiple selections are allowed. Defaults to false.
+ * @param {string | string[]} initialValue - Initial selected value(s). Array of IDs if `multiple` is true; single ID otherwise.
+ * @param {(value: DialogProductPickerType | DialogProductPickerType[]) => void} onSubmit - Callback triggered on selection confirmation.
+ * @param {() => void} [onCancel] - Optional callback triggered when the selection is canceled.
+ */
+export var DialogProductPicker = function (_a) {
+    var mode = _a.mode, multiple = _a.multiple, initialValue = _a.initialValue, onSubmit = _a.onSubmit, onCancel = _a.onCancel;
+    var t = useTranslation("common").t;
+    var _b = useState(false), once = _b[0], setOnce = _b[1];
+    var _c = useState(false), open = _c[0], isOpen = _c[1];
+    var _d = useState(""), searchString = _d[0], setSearchString = _d[1];
+    var debouncedSearch = useDebounce(searchString, 500);
+    var _e = useState([]), selectedItems = _e[0], setSelectedItems = _e[1];
+    var _f = useList({
+        route: function (_a) {
+            var page = _a.page, perPage = _a.perPage, filter = _a.filter;
+            return __awaiter(void 0, void 0, void 0, function () {
+                var search;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, apiClient("query")({
+                                search: [
+                                    {
+                                        input: __assign(__assign({ skip: (page - 1) * perPage, take: perPage }, (filter && { filter: filter })), { groupByProduct: mode === "product", term: debouncedSearch || undefined }),
+                                    },
+                                    { items: DialogProductPickerSelector, totalItems: true },
+                                ],
+                            })];
+                        case 1:
+                            search = (_b.sent()).search;
+                            return [2 /*return*/, { items: search.items, totalItems: search.totalItems }];
+                    }
+                });
+            });
+        },
+        listType: "modal-products-list",
+        options: { skip: !open, noSearchParams: true },
+    }), objects = _f.objects, Paginate = _f.Paginate, refetch = _f.refetch, setFilterField = _f.setFilterField;
+    useEffect(function () {
+        refetch();
+    }, [debouncedSearch]);
+    useEffect(function () {
+        if (once)
+            return;
+        if (open && initialValue) {
+            if (multiple && Array.isArray(initialValue)) {
+                var initialIds_1 = new Set(initialValue);
+                var initialItems = objects === null || objects === void 0 ? void 0 : objects.filter(function (item) {
+                    return initialIds_1.has(mode === "product" ? item.productId : item.productVariantId);
+                });
+                setSelectedItems(initialItems || []);
+            }
+            else if (!multiple && typeof initialValue === "string") {
+                var initialItem = objects === null || objects === void 0 ? void 0 : objects.find(function (item) {
+                    return (mode === "product" ? item.productId : item.productVariantId) ===
+                        initialValue;
+                });
+                setSelectedItems(initialItem ? [initialItem] : []);
+            }
+            setOnce(true);
+        }
+    }, [open, initialValue, once, objects, mode, multiple]);
+    var onOpenChange = function (open) {
+        isOpen(open);
+        if (!open) {
+            setSearchString("");
+            setSelectedItems([]);
+            if (onCancel)
+                onCancel();
+        }
+    };
+    var handleSelect = function (item) {
+        if (multiple) {
+            var itemId_1 = mode === "product" ? item.productId : item.productVariantId;
+            var isSelected = selectedItems.some(function (selected) {
+                return (mode === "product"
+                    ? selected.productId
+                    : selected.productVariantId) === itemId_1;
+            });
+            if (isSelected) {
+                setSelectedItems(selectedItems.filter(function (selected) {
+                    return (mode === "product"
+                        ? selected.productId
+                        : selected.productVariantId) !== itemId_1;
+                }));
+            }
+            else {
+                setSelectedItems(__spreadArray(__spreadArray([], selectedItems, true), [item], false));
+            }
+        }
+        else {
+            setSelectedItems([item]);
+        }
+    };
+    var handleConfirm = function () {
+        if (multiple) {
+            onSubmit(selectedItems);
+        }
+        else {
+            onSubmit(selectedItems[0]);
+        }
+        onOpenChange(false);
+    };
+    var isItemSelected = function (item) {
+        var itemId = mode === "product" ? item.productId : item.productVariantId;
+        return selectedItems.some(function (selected) {
+            return (mode === "product"
+                ? selected.productId
+                : selected.productVariantId) === itemId;
+        });
+    };
+    var getItemPrice = function (item) {
+        if (item.price.__typename === "SinglePrice") {
+            return priceFormatter(item.price.value, item.currencyCode);
+        }
+        else if (item.price.__typename === "PriceRange") {
+            return "".concat(priceFormatter(item.price.min, item.currencyCode), " - ").concat(priceFormatter(item.price.max, item.currencyCode));
+        }
+        return "";
+    };
+    var title = multiple
+        ? mode === "product"
+            ? t("Wybierz produkty")
+            : t("Wybierz warianty")
+        : mode === "product"
+            ? t("Wybierz produkt")
+            : t("Wybierz wariant");
+    return (React.createElement("div", null,
+        React.createElement(Button, { type: "button", onClick: function () { return isOpen(true); } }, title),
+        React.createElement(Dialog, { open: open, onOpenChange: onOpenChange },
+            React.createElement(DialogContent, { className: "w-[90%] lg:max-w-[50vw]" },
+                React.createElement(DialogHeader, null,
+                    React.createElement(DialogTitle, null, title)),
+                React.createElement("div", { className: "space-y-4 w-full max-w-[calc(90%-3rem)] lg:max-w-[calc(50vw-3rem)]" },
+                    React.createElement("div", { className: "relative" },
+                        React.createElement(Search, { className: "text-muted-foreground absolute left-2 top-2.5 size-4" }),
+                        React.createElement(Input, { placeholder: t("Szukaj"), value: searchString, onChange: function (e) { return setSearchString(e.target.value); }, className: "pl-8" }),
+                        searchString && (React.createElement(Button, { type: "button", variant: "ghost", size: "sm", className: "absolute right-1 top-1.5 size-7 p-0", onClick: function () { return setSearchString(""); } },
+                            React.createElement(X, { className: "size-4" })))),
+                    React.createElement("div", { className: "max-h-[400px] overflow-y-auto rounded-md border" }, (objects === null || objects === void 0 ? void 0 : objects.length) === 0 ? (React.createElement("div", { className: "p-4 text-center" }, t("Brak produktów"))) : (React.createElement("div", { className: "divide-y" }, objects === null || objects === void 0 ? void 0 : objects.filter(function (item) { return item.enabled; }).map(function (item) {
+                        var _a;
+                        return (React.createElement("div", { key: mode === "product"
+                                ? item.productId
+                                : item.productVariantId, className: "hover:bg-muted flex cursor-pointer items-center p-3", onClick: function () { return handleSelect(item); } },
+                            React.createElement("div", { className: "mr-3 shrink-0" }, multiple ? (React.createElement(Checkbox, { checked: isItemSelected(item), onCheckedChange: function () { return handleSelect(item); } })) : (React.createElement(RadioGroup, { value: isItemSelected(item) ? "selected" : "" },
+                                React.createElement(RadioGroupItem, { value: "selected", checked: isItemSelected(item) })))),
+                            React.createElement("div", { className: "mr-3 shrink-0" },
+                                React.createElement("img", { src: ((_a = item.productAsset) === null || _a === void 0 ? void 0 : _a.preview) || "/placeholder.svg", alt: item.productName, className: "size-10 rounded object-cover" })),
+                            React.createElement("div", { className: "min-w-0 flex-1" },
+                                React.createElement("div", { className: "text-sm font-medium truncate" }, item.productName),
+                                mode === "variant" && (React.createElement("div", { className: "text-muted-foreground truncate text-sm" }, item.productVariantName)),
+                                React.createElement("div", { className: "text-sm" }, getItemPrice(item))),
+                            React.createElement("div", { className: "text-muted-foreground ml-2 shrink-0 text-sm" }, item.sku)));
+                    })))),
+                    React.createElement("div", { className: "flex justify-center" }, Paginate)),
+                React.createElement(DialogFooter, { className: "flex flex-col items-center justify-between gap-4 sm:flex-row sm:gap-0" },
+                    React.createElement("div", null, selectedItems.length > 0 && (React.createElement("span", { className: "text-sm" },
+                        selectedItems.length,
+                        " ",
+                        t("Zaznaczonych")))),
+                    React.createElement("div", { className: "flex w-full gap-2 sm:w-auto" },
+                        React.createElement(Button, { type: "button", variant: "outline", onClick: function () { return onOpenChange(false); }, className: "flex-1 sm:flex-none" }, t("Anuluj")),
+                        React.createElement(Button, { type: "button", onClick: handleConfirm, disabled: selectedItems.length === 0 ||
+                                (multiple === false && selectedItems.length !== 1), className: "flex-1 sm:flex-none" }, t("Zatwierdź"))))))));
+};
+//# sourceMappingURL=DialogProductPicker.js.map

package/dist/universal_components/DialogProductPicker.js.map

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

package/dist/universal_components/DraggableSelect.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export declare const DraggableSelect: ({ align, button, localStorageKey, title, value, onChange, options, }: {
+    title?: string | undefined;
+    align?: "center" | "end" | "start" | undefined;
+    localStorageKey?: string | undefined;
+    button: React.ReactNode;
+    value: string[];
+    onChange: (value: string[]) => void;
+    options: {
+        value: string;
+        label: string;
+    }[];
+}) => React.JSX.Element;

package/dist/universal_components/DraggableSelect.js

@@ -0,0 +1,64 @@
+import { __assign, __spreadArray } from "tslib";
+import { Button, Checkbox, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, } from "../components/index.js";
+import { useLocalStorage } from "../hooks/useLocalStorage.js";
+import { closestCenter, DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors, } from "@dnd-kit/core";
+import { arrayMove, SortableContext, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy, } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { DropdownMenu, DropdownMenuTrigger, } from "@radix-ui/react-dropdown-menu";
+import { Grip } from "lucide-react";
+import React, { useState } from "react";
+export var DraggableSelect = function (_a) {
+    var _b = _a.align, align = _b === void 0 ? "start" : _b, button = _a.button, localStorageKey = _a.localStorageKey, title = _a.title, value = _a.value, onChange = _a.onChange, options = _a.options;
+    var _default = options.map(function (option) { return option.value; });
+    var _c = localStorageKey
+        ? useLocalStorage(localStorageKey, _default)
+        : useState(_default), order = _c[0], setOrder = _c[1];
+    var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates,
+    }));
+    return (React.createElement(DropdownMenu, null,
+        React.createElement(DropdownMenuTrigger, { asChild: true }, button),
+        React.createElement(DropdownMenuContent, { align: align, className: "max-h-[350px] space-y-2.5 overflow-y-auto p-2" },
+            title ? (React.createElement(React.Fragment, null,
+                React.createElement(DropdownMenuLabel, null, title),
+                React.createElement(DropdownMenuSeparator, null))) : null,
+            React.createElement(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: function (e) {
+                    var active = e.active, over = e.over;
+                    if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
+                        var oldIndex_1 = order.indexOf(active.id);
+                        var newIndex_1 = order.indexOf(over === null || over === void 0 ? void 0 : over.id);
+                        setOrder(function (items) { return arrayMove(items, oldIndex_1, newIndex_1); });
+                    }
+                } },
+                React.createElement(SortableContext, { items: order, strategy: verticalListSortingStrategy }, order.map(function (id) {
+                    var column = options.find(function (opt) { return opt.value === id; });
+                    if (!column)
+                        return null;
+                    return (React.createElement(DraggableMenuItem, { key: column.value, id: column.value },
+                        React.createElement("div", { className: "flex items-center gap-3 pr-4" },
+                            React.createElement(Checkbox, { id: "checkbox-".concat(column.value), checked: value.includes(column.value), onCheckedChange: function (checked) {
+                                    if (checked) {
+                                        onChange(__spreadArray(__spreadArray([], value, true), [column.value], false));
+                                    }
+                                    else {
+                                        onChange(value.filter(function (v) { return v !== column.value; }));
+                                    }
+                                } }),
+                            React.createElement("label", { htmlFor: "checkbox-".concat(column.value), className: "flex-1 cursor-pointer" }, column.label))));
+                }))))));
+};
+var DraggableMenuItem = function (_a) {
+    var id = _a.id, children = _a.children;
+    var _b = useSortable({
+        id: id,
+    }), attributes = _b.attributes, listeners = _b.listeners, setNodeRef = _b.setNodeRef, transform = _b.transform, transition = _b.transition;
+    var style = {
+        transform: CSS.Transform.toString(transform),
+        transition: transition,
+    };
+    return (React.createElement("div", __assign({ ref: setNodeRef, style: style }, attributes, { className: "flex items-center" }),
+        React.createElement(Button, __assign({ variant: "outline" }, listeners, { className: "mr-2 h-auto cursor-move p-1" }),
+            React.createElement(Grip, { className: "size-3.5" })),
+        children));
+};
+//# sourceMappingURL=DraggableSelect.js.map

package/dist/universal_components/DraggableSelect.js.map

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

package/dist/universal_components/EmptyState.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from "react";
+import { TailwindColor } from "./CustomCard.js";
+interface Props {
+    columnsLength: number;
+    filtered?: boolean;
+    title: string;
+    description?: string;
+    icon?: ReactNode;
+    color?: TailwindColor;
+    small?: true;
+}
+/**
+ * This component is used to show messages when there are no elements in a table.
+ * @param {ReactNode} [icon] - An optional icon displayed above the title.
+ * @param {string} title - The title of the card.
+ * @param {number} columnsLength - Necessary for full width display inside tables.
+ * @param {string} [description] - An optional description displayed below the title.
+ * @param {boolean} [filtered] - Used to show different icon and texts when empty state is due to filtering.
+ * @param {TailwindColor} [color] - The color theme of the icon.
+ * @param {boolean} [small] - If true, some different styles are applied to make the component smaller.
+ */
+export declare const EmptyState: React.FC<Props>;
+export {};

package/dist/universal_components/EmptyState.js

@@ -0,0 +1,33 @@
+import { __assign } from "tslib";
+import React from "react";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, TableCell, TableRow, } from "..";
+import { CircleOff, SearchX } from "lucide-react";
+import { cn } from "../lib/utils.js";
+/**
+ * This component is used to show messages when there are no elements in a table.
+ * @param {ReactNode} [icon] - An optional icon displayed above the title.
+ * @param {string} title - The title of the card.
+ * @param {number} columnsLength - Necessary for full width display inside tables.
+ * @param {string} [description] - An optional description displayed below the title.
+ * @param {boolean} [filtered] - Used to show different icon and texts when empty state is due to filtering.
+ * @param {TailwindColor} [color] - The color theme of the icon.
+ * @param {boolean} [small] - If true, some different styles are applied to make the component smaller.
+ */
+export var EmptyState = function (_a) {
+    var columnsLength = _a.columnsLength, filtered = _a.filtered, title = _a.title, description = _a.description, icon = _a.icon, color = _a.color, small = _a.small;
+    var iconWrapperColorClass = "bg-".concat(color, "-100 dark:bg-").concat(color, "-900/30");
+    var iconColorClass = "text-".concat(color, "-500 dark:text-").concat(color, "-400");
+    var _icon = icon ? (React.isValidElement(icon) ? (React.cloneElement(icon, {
+        className: cn(icon.props.className, "h-6 w-6", color ? iconColorClass : ""),
+    })) : (icon)) : (React.createElement(CircleOff, { className: cn("h-6 w-6", color ? iconColorClass : "") }));
+    return (React.createElement(TableRow, { noHover: true, className: "h-full border-b-0" },
+        React.createElement(TableCell, { colSpan: columnsLength, className: "h-full text-center" },
+            React.createElement(Card, { className: cn("flex h-full flex-col items-center justify-center p-2 border-0 shadow-none", small && "p-0") },
+                React.createElement(CardHeader, { className: "flex flex-col items-center" },
+                    filtered ? (React.createElement("div", { className: cn("mb-3 rounded-full p-3", color ? iconWrapperColorClass : "") },
+                        React.createElement(SearchX, { className: cn("h-6 w-6", color ? iconColorClass : "") }))) : (React.createElement("div", { className: cn("mb-3 rounded-full p-3", color ? iconWrapperColorClass : "") }, _icon)),
+                    React.createElement(CardTitle, __assign({}, (small && { className: "text-base" })), title)),
+                description && (React.createElement(CardContent, null,
+                    React.createElement(CardDescription, __assign({}, (small && { className: "text-sm" })), description)))))));
+};
+//# sourceMappingURL=EmptyState.js.map

package/dist/universal_components/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/universal_components/EmptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,SAAS,EACT,SAAS,EACT,QAAQ,GACT,MAAM,IAAI,CAAC;AACZ,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,wBAAuB;AAapC;;;;;;;;;GASG;AACH,MAAM,CAAC,IAAM,UAAU,GAAoB,UAAC,EAQ3C;QAPC,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,KAAK,WAAA;IAEL,IAAM,qBAAqB,GAAG,aAAM,KAAK,0BAAgB,KAAK,YAAS,CAAC;IACxE,IAAM,cAAc,GAAG,eAAQ,KAAK,4BAAkB,KAAK,SAAM,CAAC;IAClE,IAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,CACnB,KAAK,CAAC,cAAc,CAAyB,IAAI,CAAC,CAAC,CAAC,CAAC,CACnD,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;QACvB,SAAS,EAAE,EAAE,CACX,IAAI,CAAC,KAAK,CAAC,SAAS,EACpB,SAAS,EACT,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAC5B;KACF,CAAC,CACH,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CACF,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,GAAI,CACrE,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,IAAC,OAAO,QAAC,SAAS,EAAC,mBAAmB;QAC7C,oBAAC,SAAS,IAAC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAC,oBAAoB;YAC/D,oBAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,KAAK,IAAI,KAAK,CACf;gBAED,oBAAC,UAAU,IAAC,SAAS,EAAC,4BAA4B;oBAC/C,QAAQ,CAAC,CAAC,CAAC,CACV,6BACE,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CACnC;wBAED,oBAAC,OAAO,IACN,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,GACrD,CACE,CACP,CAAC,CAAC,CAAC,CACF,6BACE,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CACnC,IAEA,KAAK,CACF,CACP;oBACD,oBAAC,SAAS,eAAK,CAAC,KAAK,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,GACjD,KAAK,CACI,CACD;gBACZ,WAAW,IAAI,CACd,oBAAC,WAAW;oBACV,oBAAC,eAAe,eAAK,CAAC,KAAK,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,GACrD,WAAW,CACI,CACN,CACf,CACI,CACG,CACH,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/dist/universal_components/EntityChannelManager.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+type EntityType = "product" | "productVariant" | "collection";
+type EntityChannel = {
+    id: string | null | undefined;
+    code: string | null | undefined;
+};
+type EntityVariantListItemType = {
+    price?: number;
+    priceWithTax?: number;
+    currencyCode?: string;
+};
+interface EntityChannelManagerProps {
+    entity: EntityType;
+    entityId: string | undefined | null;
+    entityChannels: EntityChannel[];
+    onRemoveSuccess?: () => void;
+    entityName?: string | undefined | null;
+    entitySlug?: string | undefined | null;
+    entityCode?: string | undefined | null;
+    entityVariantList?: {
+        items?: EntityVariantListItemType[];
+    };
+}
+export declare const EntityChannelManager: React.FC<EntityChannelManagerProps>;
+export {};

package/dist/universal_components/EntityChannelManager.js

@@ -0,0 +1,198 @@
+import { __awaiter, __generator } from "tslib";
+import React, { useCallback } from "react";
+import { CustomCard } from "./CustomCard.js";
+import { useTranslation } from "../hooks/useTranslation.js";
+import { CardIcons } from "../consts/icons.js";
+import { Badge, Button } from "../components/index.js";
+import { DEFAULT_CHANNEL_CODE } from "../consts/defaultChannel.js";
+import { cn } from "../lib/utils.js";
+import { Trash } from "lucide-react";
+import { ConfirmationDialog } from "./ConfirmationDialog.js";
+import { apiClient } from "../zeus_client/deenruvAPICall.js";
+import { toast } from "sonner";
+import { ManageEntityToChannelsDialog } from "../universal_table_actions/ManageEntityToChannelsDialog.js";
+import { createDialogFromComponent } from "../universal_utils/createDialogFromComponentFunction.js";
+export var EntityChannelManager = function (_a) {
+    var entity = _a.entity, entityChannels = _a.entityChannels, entityId = _a.entityId, onRemoveSuccess = _a.onRemoveSuccess, entityCode = _a.entityCode, entityVariantList = _a.entityVariantList, entitySlug = _a.entitySlug, entityName = _a.entityName;
+    var t = useTranslation(["common", "channels"]).t;
+    var handleRemove = useCallback(function (ctx) { return __awaiter(void 0, void 0, void 0, function () {
+        var isDefault, channelId, entityId, _a, e_1;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    isDefault = ctx.isDefault, channelId = ctx.channelId, entityId = ctx.entityId;
+                    if (!entityId || isDefault || !channelId)
+                        return [2 /*return*/];
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 10, , 11]);
+                    _a = entity;
+                    switch (_a) {
+                        case "product": return [3 /*break*/, 2];
+                        case "productVariant": return [3 /*break*/, 4];
+                        case "collection": return [3 /*break*/, 6];
+                    }
+                    return [3 /*break*/, 8];
+                case 2: return [4 /*yield*/, apiClient("mutation")({
+                        removeProductsFromChannel: [
+                            {
+                                input: {
+                                    productIds: [entityId],
+                                    channelId: channelId,
+                                },
+                            },
+                            { id: true },
+                        ],
+                    })];
+                case 3:
+                    _b.sent();
+                    return [3 /*break*/, 9];
+                case 4: return [4 /*yield*/, apiClient("mutation")({
+                        removeProductVariantsFromChannel: [
+                            {
+                                input: {
+                                    productVariantIds: [entityId],
+                                    channelId: channelId,
+                                },
+                            },
+                            true,
+                        ],
+                    })];
+                case 5:
+                    _b.sent();
+                    return [3 /*break*/, 9];
+                case 6: return [4 /*yield*/, apiClient("mutation")({
+                        removeCollectionsFromChannel: [
+                            {
+                                input: {
+                                    collectionIds: [entityId],
+                                    channelId: channelId,
+                                },
+                            },
+                            { id: true },
+                        ],
+                    })];
+                case 7:
+                    _b.sent();
+                    return [3 /*break*/, 9];
+                case 8: throw new Error("Unsupported entity type: ".concat(entity));
+                case 9:
+                    toast(t("toasts.update"), {
+                        description: new Date().toLocaleString(),
+                    });
+                    onRemoveSuccess === null || onRemoveSuccess === void 0 ? void 0 : onRemoveSuccess();
+                    return [3 /*break*/, 11];
+                case 10:
+                    e_1 = _b.sent();
+                    toast.error(t("error.mutation"));
+                    return [3 /*break*/, 11];
+                case 11: return [2 /*return*/];
+            }
+        });
+    }); }, [entity, entityId, onRemoveSuccess]);
+    var onAssignToChannel = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, channelId, ids, priceFactor, _b, e_2;
+        var _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    if (!entityId)
+                        return [2 /*return*/];
+                    _d.label = 1;
+                case 1:
+                    _d.trys.push([1, 11, , 12]);
+                    return [4 /*yield*/, createDialogFromComponent((ManageEntityToChannelsDialog), {
+                            items: [
+                                {
+                                    id: entityId,
+                                    variantList: entityVariantList,
+                                    slug: entitySlug,
+                                    code: entityCode,
+                                    name: entityName,
+                                },
+                            ],
+                            withPriceFactor: !!((_c = entityVariantList === null || entityVariantList === void 0 ? void 0 : entityVariantList.items) === null || _c === void 0 ? void 0 : _c.length),
+                            withSlug: !!entitySlug,
+                            withCode: !!entityCode,
+                        }, {})];
+                case 2:
+                    _a = _d.sent(), channelId = _a.channelId, ids = _a.ids, priceFactor = _a.priceFactor;
+                    _b = entity;
+                    switch (_b) {
+                        case "product": return [3 /*break*/, 3];
+                        case "productVariant": return [3 /*break*/, 5];
+                        case "collection": return [3 /*break*/, 7];
+                    }
+                    return [3 /*break*/, 9];
+                case 3: return [4 /*yield*/, apiClient("mutation")({
+                        assignProductsToChannel: [
+                            {
+                                input: {
+                                    productIds: ids,
+                                    channelId: channelId,
+                                },
+                            },
+                            { id: true },
+                        ],
+                    })];
+                case 4:
+                    _d.sent();
+                    return [3 /*break*/, 10];
+                case 5: return [4 /*yield*/, apiClient("mutation")({
+                        assignProductVariantsToChannel: [
+                            {
+                                input: {
+                                    productVariantIds: ids,
+                                    channelId: channelId,
+                                    priceFactor: priceFactor,
+                                },
+                            },
+                            { id: true },
+                        ],
+                    })];
+                case 6:
+                    _d.sent();
+                    return [3 /*break*/, 10];
+                case 7: return [4 /*yield*/, apiClient("mutation")({
+                        assignCollectionsToChannel: [
+                            {
+                                input: {
+                                    collectionIds: ids,
+                                    channelId: channelId,
+                                },
+                            },
+                            { id: true },
+                        ],
+                    })];
+                case 8:
+                    _d.sent();
+                    return [3 /*break*/, 10];
+                case 9: throw new Error("Unsupported entity type: ".concat(entity));
+                case 10:
+                    toast(t("toasts.update"), {
+                        description: new Date().toLocaleString(),
+                    });
+                    return [3 /*break*/, 12];
+                case 11:
+                    e_2 = _d.sent();
+                    toast.error(t("error.mutation"));
+                    return [3 /*break*/, 12];
+                case 12: return [2 /*return*/];
+            }
+        });
+    }); }, [entityCode, entitySlug, entityId, entityName, entity]);
+    return (React.createElement(CustomCard, { title: entityChannels.some(function (channel) { return channel.code === DEFAULT_CHANNEL_CODE; })
+            ? t("entity.channel_few")
+            : t("entity.channel_one"), color: "orange", icon: React.createElement(CardIcons.default, null), upperRight: React.createElement(Button, { size: "sm", variant: "secondary", onClick: onAssignToChannel }, t("channels:assignToChannel")) },
+        React.createElement("div", { className: "flex flex-wrap gap-2" }, entityChannels.map(function (p) {
+            var isDefault = p.code === DEFAULT_CHANNEL_CODE;
+            return (React.createElement(ConfirmationDialog, { key: p.id, onConfirm: function () {
+                    return handleRemove({ isDefault: isDefault, channelId: p.id, entityId: entityId });
+                } },
+                React.createElement("div", { className: "flex group select-none" },
+                    React.createElement(Badge, { className: cn(!isDefault && "rounded-e-none pr-1 cursor-pointer "), key: p.id }, isDefault ? t("channels:defaultChannel") : p.code),
+                    !isDefault && (React.createElement("div", { className: "bg-primary cursor-pointer text-primary-foreground h-full transition-colors pl-1 pr-2 flex items-center rounded-e-full group-hover:bg-destructive group-hover:text-destructive-foreground hover:bg-destructive hover:text-destructive-foreground" },
+                        React.createElement(Trash, { size: 16 }))))));
+        }))));
+};
+//# sourceMappingURL=EntityChannelManager.js.map

package/dist/universal_components/EntityChannelManager.js.map

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

package/dist/universal_components/FacetIdsSelector.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface FacetIdsSelectorProps {
+    onChange: (facetValuesIds: string[]) => void;
+    facetValuesIds: string[] | undefined;
+    fixedDropdown?: boolean;
+    single?: boolean;
+    className?: string;
+    disabledInput?: boolean;
+}
+export declare const FacetIdsSelector: React.FC<FacetIdsSelectorProps>;
+export {};