@quan-erp/base-frontend 1.0.7 → 1.0.9

package/dist-export/page/partner/component/area-region-form.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, ConfirmDialog, DialogFooter, Form, FormControl, FormField, FormItem, FormLabel, FormMessage, Input, ResponsiveContent, ResponsiveHeader, ResponsiveTitle, Switch, UncontrolledResponsiveDialog, useLazyLocaleTranslation, } from "@quan-erp/shared-ui";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { forwardRef, useImperativeHandle, useRef, useState } from "react";
+import { useForm } from "react-hook-form";
+import z from "zod";
+import { useCreateAreaRegionMutation, useDeleteAreaRegionMutation, useUpdateAreaRegionMutation, } from "../../../api/area-region/area-region.mutations";
+import { PartnerLocaleLazy } from "../partner.locale";
+import { BUILTIN_PLUGIN } from "../../../utils/common";
+import { useBaseLocale } from "../../../locale/locale.export";
+const areaRegionSchema = z.object({
+    id: z.number().nullable().optional(),
+    name: z.string().min(1, "Name is required"),
+    code: z.string().optional(),
+    isActive: z.boolean(),
+});
+export const AreaRegionForm = forwardRef((_, ref) => {
+    const dialogRef = useRef(null);
+    const partnerLocales = useLazyLocaleTranslation(PartnerLocaleLazy);
+    const baseLocale = useBaseLocale();
+    const [confirmDeleteOpen, setConfirmDeleteOpen] = useState(false);
+    const { mutateAsync: createAreaRegion, isPending: isCreating } = useCreateAreaRegionMutation();
+    const { mutateAsync: updateAreaRegion, isPending: isUpdating } = useUpdateAreaRegionMutation();
+    const { mutateAsync: deleteAreaRegion, isPending: isDeleting } = useDeleteAreaRegionMutation();
+    const isPending = isCreating || isUpdating || isDeleting;
+    const form = useForm({
+        resolver: zodResolver(areaRegionSchema),
+        defaultValues: {
+            id: null,
+            name: "",
+            code: "",
+            isActive: true,
+        },
+    });
+    const editId = form.watch("id");
+    const isEdit = editId != null;
+    useImperativeHandle(ref, () => ({
+        open: () => dialogRef.current?.open(),
+        close: () => dialogRef.current?.close(),
+        setInitialData: (data) => {
+            if (data) {
+                form.reset({
+                    id: data.id,
+                    name: data.name,
+                    code: data.code ?? "",
+                    isActive: data.isActive ?? true,
+                });
+            }
+            else {
+                form.reset({
+                    id: null,
+                    name: "",
+                    code: "",
+                    isActive: true,
+                });
+            }
+        },
+    }));
+    const onSubmit = form.handleSubmit(async (values) => {
+        const name = values.name.trim();
+        const code = values.code?.trim() || undefined;
+        if (isEdit) {
+            await updateAreaRegion({
+                id: editId,
+                data: {
+                    name,
+                    code: code ?? null,
+                    isActive: values.isActive,
+                },
+            });
+        }
+        else {
+            await createAreaRegion({
+                name,
+                ...(code ? { code } : {}),
+                isActive: values.isActive,
+            });
+        }
+        dialogRef.current?.close();
+    });
+    const onDelete = async () => {
+        if (editId == null)
+            return;
+        await deleteAreaRegion(editId);
+        dialogRef.current?.close();
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(UncontrolledResponsiveDialog, { ref: dialogRef, trackBrowserBack: false, children: _jsxs(ResponsiveContent, { pluginName: BUILTIN_PLUGIN.name, className: "builtin:w-full builtin:max-w-none builtin:md:max-w-[425px] builtin:gap-4", children: [_jsx(ResponsiveHeader, { children: _jsx(ResponsiveTitle, { children: _jsx("div", { children: isEdit
+                                        ? partnerLocales.get("edit-area-region", "Edit area region")
+                                        : partnerLocales.get("create-area-region", "Create area region") }) }) }), _jsx(Form, { ...form, children: _jsxs("form", { onSubmit: (e) => {
+                                    e.stopPropagation();
+                                    return onSubmit(e);
+                                }, className: "builtin:flex builtin:flex-col builtin:gap-3", children: [_jsx(FormField, { control: form.control, name: "name", disabled: isPending, render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: partnerLocales.get("area-region-name", "Name") }), _jsx(FormControl, { children: _jsx(Input, { ...field, placeholder: partnerLocales.get("area-region-name", "Name") }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: "code", disabled: isPending, render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: partnerLocales.get("area-region-code", "Code (optional)") }), _jsx(FormControl, { children: _jsx(Input, { ...field, placeholder: partnerLocales.get("area-region-code", "Code (optional)") }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: "isActive", disabled: isPending, render: ({ field }) => (_jsxs(FormItem, { className: "builtin:flex builtin:items-center builtin:justify-between builtin:px-0 builtin:py-2", children: [_jsx(FormLabel, { children: partnerLocales.get("area-region-active", "Active") }), _jsx(FormControl, { children: _jsx(Switch, { checked: field.value, onCheckedChange: field.onChange, disabled: isPending }) })] })) }), _jsxs(DialogFooter, { className: "builtin:flex builtin:w-full builtin:items-center builtin:justify-between builtin:gap-2 builtin:bg-(--dialog-background)", children: [isEdit ? (_jsx(Button, { type: "button", variant: "destructive", disabled: isPending, onClick: () => setConfirmDeleteOpen(true), children: baseLocale.get("delete", "Delete") })) : (_jsx("div", {})), _jsxs("div", { className: "builtin:flex builtin:items-center builtin:gap-2", children: [_jsx(Button, { type: "button", variant: "secondary", disabled: isPending, onClick: () => dialogRef.current?.close(), children: baseLocale.get("cancel", "Cancel") }), _jsx(Button, { type: "submit", disabled: isPending, children: isPending
+                                                            ? partnerLocales.get("saving", "Saving...")
+                                                            : partnerLocales.get("save", "Save") })] })] })] }) })] }) }), _jsx(ConfirmDialog, { open: confirmDeleteOpen, onClose: setConfirmDeleteOpen, onConfirm: onDelete, options: {
+                    title: partnerLocales.get("delete-area-region", "Delete area region"),
+                    description: partnerLocales.get("delete-area-region-confirm", "Are you sure you want to delete this area region?"),
+                    confirmText: baseLocale.get("delete", "Delete"),
+                    cancelText: baseLocale.get("cancel", "Cancel"),
+                    variant: "destructive",
+                } })] }));
+});

package/dist-export/page/partner/component/area-region.dropdown.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from "react";
+import type { AreaRegionDto } from "../../../api/area-region/area-region.types";
+import type { TakeAndPartialRest } from "../../../utils/types.utils";
+export type AreaRegionDropdownValue = number | TakeAndPartialRest<AreaRegionDto, "id" | "name">;
+export type AreaRegionDropdownProps = {
+    value?: AreaRegionDropdownValue;
+    trigger?: (value?: AreaRegionDropdownValue) => ReactNode;
+    setValue: (v?: number, areaRegion?: AreaRegionDto) => void;
+    isCompact?: boolean;
+    className?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    placeholder?: string;
+};
+export declare function AreaRegionDropdown({ value, setValue, trigger, isCompact, className, disabled, allowClear, placeholder: externalPlaceholder, }: AreaRegionDropdownProps): import("react").JSX.Element;
+//# sourceMappingURL=area-region.dropdown.d.ts.map

package/dist-export/page/partner/component/area-region.dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-region.dropdown.d.ts","sourceRoot":"","sources":["../../../../src/page/partner/component/area-region.dropdown.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAIrE,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,kBAAkB,CAAC,aAAa,EAAE,IAAI,GAAG,MAAM,CAAC,CAAC;AAEhG,MAAM,MAAM,uBAAuB,GAAG;IAClC,KAAK,CAAC,EAAE,uBAAuB,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,uBAAuB,KAAK,SAAS,CAAC;IACzD,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAOF,wBAAgB,kBAAkB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,EACV,WAAW,EAAE,mBAAmB,GACnC,EAAE,uBAAuB,+BA+KzB"}

package/dist-export/page/partner/component/area-region.dropdown.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, Popover, PopoverContent, PopoverTrigger, cn, useMediaQuery, useDebounceValue, Drawer, DrawerTrigger, DrawerContent, useLazyLocaleTranslation, } from "@quan-erp/shared-ui";
+import { Check, Down, LoadingFour, Pencil } from "@icon-park/react";
+import { Plus } from "lucide-react";
+import { useMemo, useState, useRef } from "react";
+import { useAreaRegionQuery } from "../../../api/area-region/area-region.queries";
+import { PartnerLocaleLazy } from "../partner.locale";
+import { AreaRegionForm } from "./area-region-form";
+function resolveAreaRegionId(value) {
+    if (value == null)
+        return undefined;
+    return typeof value === "number" ? value : value.id;
+}
+export function AreaRegionDropdown({ value, setValue, trigger, isCompact, className, disabled, allowClear, placeholder: externalPlaceholder, }) {
+    const t = useLazyLocaleTranslation(PartnerLocaleLazy);
+    const formRef = useRef(null);
+    const placeholder = externalPlaceholder || t.get("select-area-region", "Select area region...");
+    const [open, setOpen] = useState(false);
+    const [search, setSearch] = useState("");
+    const debouncedSearch = useDebounceValue(search, 500);
+    const isMobile = useMediaQuery();
+    const selectedId = resolveAreaRegionId(value);
+    const { data: areaRegions = [], isLoading } = useAreaRegionQuery({
+        currentPage: 1,
+        pageSize: 100,
+        query: debouncedSearch,
+    }, { enabled: open || selectedId != null });
+    const selectedLabel = useMemo(() => {
+        if (trigger)
+            return null;
+        if (selectedId == null)
+            return placeholder;
+        const found = areaRegions.find((r) => r.id === selectedId);
+        if (found) {
+            return found.code ? `${found.name} (${found.code})` : found.name;
+        }
+        if (typeof value === "object" && value?.name)
+            return value.name;
+        return placeholder;
+    }, [selectedId, areaRegions, placeholder, trigger, value]);
+    const ListContent = (_jsxs(Command, { shouldFilter: false, className: cn("builtin:bg-transparent"), children: [_jsx(CommandInput, { placeholder: t.get("search-area-region", "Search area region..."), autoFocus: false, value: search, onValueChange: setSearch }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: isLoading ? (_jsxs("div", { className: "builtin:flex builtin:items-center builtin:gap-2", children: [_jsx(LoadingFour, { className: "builtin:h-4 builtin:w-4 builtin:animate-spin" }), _jsx("span", { children: t.get("searching", "Searching...") })] })) : (t.get("no-area-region-found", "No area region found.")) }), _jsxs(CommandGroup, { heading: t.get("available-area-regions", "Available area regions"), children: [allowClear && (_jsxs(CommandItem, { value: "all area regions", onSelect: () => {
+                                    setValue(undefined, undefined);
+                                    setOpen(false);
+                                }, className: cn("builtin:flex builtin:cursor-pointer builtin:items-center builtin:justify-between builtin:px-3 builtin:py-3 builtin:md:py-2 builtin:md:h-10 builtin:h-12 builtin:rounded-2xl", selectedId == null && "builtin:bg-accent/50"), children: [_jsx("span", { className: "builtin:text-sm builtin:leading-none builtin:font-semibold", children: placeholder }), selectedId == null && _jsx(Check, { className: "builtin:text-primary builtin:h-4 builtin:w-4" })] })), areaRegions.map((region) => (_jsxs(CommandItem, { value: region.name, onSelect: () => {
+                                    setValue(region.id, region);
+                                    setOpen(false);
+                                }, className: cn("builtin:flex builtin:cursor-pointer builtin:items-center builtin:justify-between builtin:gap-2 builtin:px-3 builtin:py-3 builtin:md:py-2 builtin:rounded-2xl", selectedId === region.id && "builtin:bg-accent/50"), children: [_jsxs("div", { className: "builtin:flex builtin:min-w-0 builtin:flex-1 builtin:flex-col builtin:gap-0.5", children: [_jsx("span", { className: "builtin:truncate builtin:text-sm builtin:leading-none builtin:font-semibold", children: region.name }), region.code && (_jsx("span", { className: "builtin:text-muted-foreground builtin:text-[10px]", children: region.code }))] }), _jsxs("div", { className: "builtin:flex builtin:shrink-0 builtin:items-center builtin:gap-1", children: [selectedId === region.id && (_jsx(Check, { className: "builtin:text-primary builtin:h-4 builtin:w-4" })), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "builtin:h-7 builtin:w-7", onClick: (e) => {
+                                                    e.stopPropagation();
+                                                    setOpen(false);
+                                                    formRef.current?.setInitialData(region);
+                                                    formRef.current?.open();
+                                                }, children: _jsx(Pencil, { className: "builtin:h-3.5 builtin:w-3.5" }) })] })] }, region.id)))] }), _jsx("div", { className: "builtin:border-border builtin:border-t builtin:p-1", children: _jsxs(CommandItem, { onSelect: () => {
+                                setOpen(false);
+                                formRef.current?.setInitialData(null);
+                                formRef.current?.open();
+                            }, className: "builtin:text-primary builtin:flex builtin:cursor-pointer builtin:items-center builtin:gap-2 builtin:rounded-2xl builtin:px-3 builtin:py-2", children: [_jsx(Plus, { className: "builtin:h-4 builtin:w-4" }), _jsx("span", { className: "builtin:text-sm builtin:font-semibold", children: t.get("create-area-region", "Create area region") })] }) })] })] }));
+    const defaultTrigger = (_jsxs(Button, { variant: "select", disabled: disabled, role: "combobox", "aria-expanded": open, className: cn("builtin:border-input/50 builtin:hover:bg-accent builtin:hover:text-accent-foreground builtin:w-full builtin:justify-between builtin:font-normal builtin:transition-colors", isCompact ? "builtin:h-8 builtin:px-2 builtin:text-xs" : "builtin:h-11 builtin:px-3 builtin:text-sm builtin:md:h-9", className), children: [_jsx("span", { className: "builtin:truncate", children: selectedLabel }), _jsx(Down, { className: "builtin:ml-2 builtin:h-4 builtin:w-4 builtin:shrink-0 builtin:opacity-50" })] }));
+    if (isMobile) {
+        return (_jsxs(_Fragment, { children: [_jsxs(Drawer, { open: open, onOpenChange: setOpen, children: [_jsx(DrawerTrigger, { asChild: true, children: trigger ? trigger(value) : defaultTrigger }), _jsx(DrawerContent, { className: "builtin:flex builtin:max-h-[85vh] builtin:flex-col builtin:overflow-hidden builtin:p-2", children: ListContent })] }), _jsx(AreaRegionForm, { ref: formRef })] }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(Popover, { open: open, onOpenChange: setOpen, modal: true, children: [_jsx(PopoverTrigger, { asChild: true, children: trigger ? trigger(value) : defaultTrigger }), _jsx(PopoverContent, { className: "builtin:w-[300px] builtin:p-0 builtin:shadow-lg", align: "start", children: ListContent })] }), _jsx(AreaRegionForm, { ref: formRef })] }));
+}

package/dist-export/page/partner/component/business-unit-form.d.ts

@@ -0,0 +1,8 @@
+import type { BusinessUnitDto } from "../../../api/business-unit/business-unit.types";
+export type BusinessUnitFormRefType = {
+    open: () => void;
+    close: () => void;
+    setInitialData: (data: BusinessUnitDto | null) => void;
+};
+export declare const BusinessUnitForm: import("react").ForwardRefExoticComponent<import("react").RefAttributes<BusinessUnitFormRefType>>;
+//# sourceMappingURL=business-unit-form.d.ts.map

package/dist-export/page/partner/component/business-unit-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"business-unit-form.d.ts","sourceRoot":"","sources":["../../../../src/page/partner/component/business-unit-form.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AActF,MAAM,MAAM,uBAAuB,GAAG;IAClC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,cAAc,EAAE,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,gBAAgB,mGAsM3B,CAAC"}

package/dist-export/page/partner/component/business-unit-form.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, ConfirmDialog, DialogFooter, Form, FormControl, FormField, FormItem, FormLabel, FormMessage, Input, ResponsiveContent, ResponsiveHeader, ResponsiveTitle, Switch, UncontrolledResponsiveDialog, useLazyLocaleTranslation, } from "@quan-erp/shared-ui";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { forwardRef, useImperativeHandle, useRef, useState } from "react";
+import { useForm } from "react-hook-form";
+import z from "zod";
+import { useCreateBusinessUnitMutation, useDeleteBusinessUnitMutation, useUpdateBusinessUnitMutation, } from "../../../api/business-unit/business-unit.mutations";
+import { PartnerLocaleLazy } from "../partner.locale";
+import { BUILTIN_PLUGIN } from "../../../utils/common";
+import { useBaseLocale } from "../../../locale/locale.export";
+const businessUnitSchema = z.object({
+    id: z.number().nullable().optional(),
+    name: z.string().min(1, "Name is required"),
+    code: z.string().min(1, "Code is required"),
+    isActive: z.boolean(),
+});
+export const BusinessUnitForm = forwardRef((_, ref) => {
+    const dialogRef = useRef(null);
+    const partnerLocales = useLazyLocaleTranslation(PartnerLocaleLazy);
+    const baseLocale = useBaseLocale();
+    const [confirmDeleteOpen, setConfirmDeleteOpen] = useState(false);
+    const { mutateAsync: createBusinessUnit, isPending: isCreating } = useCreateBusinessUnitMutation();
+    const { mutateAsync: updateBusinessUnit, isPending: isUpdating } = useUpdateBusinessUnitMutation();
+    const { mutateAsync: deleteBusinessUnit, isPending: isDeleting } = useDeleteBusinessUnitMutation();
+    const isPending = isCreating || isUpdating || isDeleting;
+    const form = useForm({
+        resolver: zodResolver(businessUnitSchema),
+        defaultValues: {
+            id: null,
+            name: "",
+            code: "",
+            isActive: true,
+        },
+    });
+    const editId = form.watch("id");
+    const isEdit = editId != null;
+    useImperativeHandle(ref, () => ({
+        open: () => dialogRef.current?.open(),
+        close: () => dialogRef.current?.close(),
+        setInitialData: (data) => {
+            if (data) {
+                form.reset({
+                    id: data.id,
+                    name: data.name,
+                    code: data.code ?? "",
+                    isActive: data.isActive ?? true,
+                });
+            }
+            else {
+                form.reset({
+                    id: null,
+                    name: "",
+                    code: "",
+                    isActive: true,
+                });
+            }
+        },
+    }));
+    const onSubmit = form.handleSubmit(async (values) => {
+        const name = values.name.trim();
+        const code = values.code.trim();
+        if (isEdit) {
+            await updateBusinessUnit({
+                id: editId,
+                data: {
+                    name,
+                    code,
+                    isActive: values.isActive,
+                },
+            });
+        }
+        else {
+            await createBusinessUnit({
+                name,
+                code,
+                isActive: values.isActive,
+            });
+        }
+        dialogRef.current?.close();
+    });
+    const onDelete = async () => {
+        if (editId == null)
+            return;
+        await deleteBusinessUnit(editId);
+        dialogRef.current?.close();
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(UncontrolledResponsiveDialog, { ref: dialogRef, trackBrowserBack: false, children: _jsxs(ResponsiveContent, { pluginName: BUILTIN_PLUGIN.name, className: "builtin:w-full builtin:max-w-none builtin:md:max-w-[425px] builtin:gap-4", children: [_jsx(ResponsiveHeader, { children: _jsx(ResponsiveTitle, { children: _jsx("div", { children: isEdit
+                                        ? partnerLocales.get("edit-business-unit", "Edit business unit")
+                                        : partnerLocales.get("create-business-unit", "Create business unit") }) }) }), _jsx(Form, { ...form, children: _jsxs("form", { onSubmit: (e) => {
+                                    e.stopPropagation();
+                                    return onSubmit(e);
+                                }, className: "builtin:flex builtin:flex-col builtin:gap-3", children: [_jsx(FormField, { control: form.control, name: "name", disabled: isPending, render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: partnerLocales.get("business-unit-name", "Name") }), _jsx(FormControl, { children: _jsx(Input, { ...field, placeholder: partnerLocales.get("business-unit-name", "Name") }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: "code", disabled: isPending, render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: partnerLocales.get("business-unit-code", "Code") }), _jsx(FormControl, { children: _jsx(Input, { ...field, placeholder: partnerLocales.get("business-unit-code", "Code") }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: "isActive", disabled: isPending, render: ({ field }) => (_jsxs(FormItem, { className: "builtin:flex builtin:items-center builtin:justify-between builtin:px-0 builtin:py-2", children: [_jsx(FormLabel, { children: partnerLocales.get("business-unit-active", "Active") }), _jsx(FormControl, { children: _jsx(Switch, { checked: field.value, onCheckedChange: field.onChange, disabled: isPending }) })] })) }), _jsxs(DialogFooter, { className: "builtin:flex builtin:w-full builtin:items-center builtin:justify-between builtin:gap-2 builtin:bg-(--dialog-background)", children: [isEdit ? (_jsx(Button, { type: "button", variant: "destructive", disabled: isPending, onClick: () => setConfirmDeleteOpen(true), children: baseLocale.get("delete", "Delete") })) : (_jsx("div", {})), _jsxs("div", { className: "builtin:flex builtin:items-center builtin:gap-2", children: [_jsx(Button, { type: "button", variant: "secondary", disabled: isPending, onClick: () => dialogRef.current?.close(), children: baseLocale.get("cancel", "Cancel") }), _jsx(Button, { type: "submit", disabled: isPending, children: isPending
+                                                            ? partnerLocales.get("saving", "Saving...")
+                                                            : partnerLocales.get("save", "Save") })] })] })] }) })] }) }), _jsx(ConfirmDialog, { open: confirmDeleteOpen, onClose: setConfirmDeleteOpen, onConfirm: onDelete, options: {
+                    title: partnerLocales.get("delete-business-unit", "Delete business unit"),
+                    description: partnerLocales.get("delete-business-unit-confirm", "Are you sure you want to delete this business unit?"),
+                    confirmText: baseLocale.get("delete", "Delete"),
+                    cancelText: baseLocale.get("cancel", "Cancel"),
+                    variant: "destructive",
+                } })] }));
+});

package/dist-export/page/partner/component/business-unit.dropdown.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from "react";
+import type { BusinessUnitDto } from "../../../api/business-unit/business-unit.types";
+import type { TakeAndPartialRest } from "../../../utils/types.utils";
+export type BusinessUnitDropdownValue = number | TakeAndPartialRest<BusinessUnitDto, "id" | "name">;
+export type BusinessUnitDropdownProps = {
+    value?: BusinessUnitDropdownValue;
+    trigger?: (value?: BusinessUnitDropdownValue) => ReactNode;
+    setValue: (v?: number, businessUnit?: BusinessUnitDto) => void;
+    isCompact?: boolean;
+    className?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    placeholder?: string;
+};
+export declare function BusinessUnitDropdown({ value, setValue, trigger, isCompact, className, disabled, allowClear, placeholder: externalPlaceholder, }: BusinessUnitDropdownProps): import("react").JSX.Element;
+//# sourceMappingURL=business-unit.dropdown.d.ts.map

package/dist-export/page/partner/component/business-unit.dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"business-unit.dropdown.d.ts","sourceRoot":"","sources":["../../../../src/page/partner/component/business-unit.dropdown.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACtF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAIrE,MAAM,MAAM,yBAAyB,GAAG,MAAM,GAAG,kBAAkB,CAAC,eAAe,EAAE,IAAI,GAAG,MAAM,CAAC,CAAC;AAEpG,MAAM,MAAM,yBAAyB,GAAG;IACpC,KAAK,CAAC,EAAE,yBAAyB,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,yBAAyB,KAAK,SAAS,CAAC;IAC3D,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAOF,wBAAgB,oBAAoB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,EACV,WAAW,EAAE,mBAAmB,GACnC,EAAE,yBAAyB,+BA6K3B"}

package/dist-export/page/partner/component/business-unit.dropdown.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, Popover, PopoverContent, PopoverTrigger, cn, useMediaQuery, useDebounceValue, Drawer, DrawerTrigger, DrawerContent, useLazyLocaleTranslation, } from "@quan-erp/shared-ui";
+import { Check, Down, LoadingFour, Pencil } from "@icon-park/react";
+import { Plus } from "lucide-react";
+import { useMemo, useState, useRef } from "react";
+import { useBusinessUnitQuery } from "../../../api/business-unit/business-unit.queries";
+import { PartnerLocaleLazy } from "../partner.locale";
+import { BusinessUnitForm } from "./business-unit-form";
+function resolveBusinessUnitId(value) {
+    if (value == null)
+        return undefined;
+    return typeof value === "number" ? value : value.id;
+}
+export function BusinessUnitDropdown({ value, setValue, trigger, isCompact, className, disabled, allowClear, placeholder: externalPlaceholder, }) {
+    const t = useLazyLocaleTranslation(PartnerLocaleLazy);
+    const formRef = useRef(null);
+    const placeholder = externalPlaceholder || t.get("select-business-unit", "Select business unit...");
+    const [open, setOpen] = useState(false);
+    const [search, setSearch] = useState("");
+    const debouncedSearch = useDebounceValue(search, 500);
+    const isMobile = useMediaQuery();
+    const selectedId = resolveBusinessUnitId(value);
+    const { data: businessUnits = [], isLoading } = useBusinessUnitQuery({
+        currentPage: 1,
+        pageSize: 100,
+        query: debouncedSearch,
+    }, { enabled: open || selectedId != null });
+    const selectedLabel = useMemo(() => {
+        if (trigger)
+            return null;
+        if (selectedId == null)
+            return placeholder;
+        const found = businessUnits.find((u) => u.id === selectedId);
+        if (found) {
+            return `${found.name} (${found.code})`;
+        }
+        if (typeof value === "object" && value?.name)
+            return value.name;
+        return placeholder;
+    }, [selectedId, businessUnits, placeholder, trigger, value]);
+    const ListContent = (_jsxs(Command, { shouldFilter: false, className: cn("builtin:bg-transparent"), children: [_jsx(CommandInput, { placeholder: t.get("search-business-unit", "Search business unit..."), autoFocus: false, value: search, onValueChange: setSearch }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: isLoading ? (_jsxs("div", { className: "builtin:flex builtin:items-center builtin:gap-2", children: [_jsx(LoadingFour, { className: "builtin:h-4 builtin:w-4 builtin:animate-spin" }), _jsx("span", { children: t.get("searching", "Searching...") })] })) : (t.get("no-business-unit-found", "No business unit found.")) }), _jsxs(CommandGroup, { heading: t.get("available-business-units", "Available business units"), children: [allowClear && (_jsxs(CommandItem, { value: "all business units", onSelect: () => {
+                                    setValue(undefined, undefined);
+                                    setOpen(false);
+                                }, className: cn("builtin:flex builtin:cursor-pointer builtin:items-center builtin:justify-between builtin:px-3 builtin:py-3 builtin:md:py-2 builtin:md:h-10 builtin:h-12 builtin:rounded-2xl", selectedId == null && "builtin:bg-accent/50"), children: [_jsx("span", { className: "builtin:text-sm builtin:leading-none builtin:font-semibold", children: placeholder }), selectedId == null && _jsx(Check, { className: "builtin:text-primary builtin:h-4 builtin:w-4" })] })), businessUnits.map((unit) => (_jsxs(CommandItem, { value: unit.name, onSelect: () => {
+                                    setValue(unit.id, unit);
+                                    setOpen(false);
+                                }, className: cn("builtin:flex builtin:cursor-pointer builtin:items-center builtin:justify-between builtin:gap-2 builtin:px-3 builtin:py-3 builtin:md:py-2 builtin:rounded-2xl", selectedId === unit.id && "builtin:bg-accent/50"), children: [_jsxs("div", { className: "builtin:flex builtin:min-w-0 builtin:flex-1 builtin:flex-col builtin:gap-0.5", children: [_jsx("span", { className: "builtin:truncate builtin:text-sm builtin:leading-none builtin:font-semibold", children: unit.name }), _jsx("span", { className: "builtin:text-muted-foreground builtin:text-[10px]", children: unit.code })] }), _jsxs("div", { className: "builtin:flex builtin:shrink-0 builtin:items-center builtin:gap-1", children: [selectedId === unit.id && (_jsx(Check, { className: "builtin:text-primary builtin:h-4 builtin:w-4" })), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "builtin:h-7 builtin:w-7", onClick: (e) => {
+                                                    e.stopPropagation();
+                                                    setOpen(false);
+                                                    formRef.current?.setInitialData(unit);
+                                                    formRef.current?.open();
+                                                }, children: _jsx(Pencil, { className: "builtin:h-3.5 builtin:w-3.5" }) })] })] }, unit.id)))] }), _jsx("div", { className: "builtin:border-border builtin:border-t builtin:p-1", children: _jsxs(CommandItem, { onSelect: () => {
+                                setOpen(false);
+                                formRef.current?.setInitialData(null);
+                                formRef.current?.open();
+                            }, className: "builtin:text-primary builtin:flex builtin:cursor-pointer builtin:items-center builtin:gap-2 builtin:rounded-2xl builtin:px-3 builtin:py-2", children: [_jsx(Plus, { className: "builtin:h-4 builtin:w-4" }), _jsx("span", { className: "builtin:text-sm builtin:font-semibold", children: t.get("create-business-unit", "Create business unit") })] }) })] })] }));
+    const defaultTrigger = (_jsxs(Button, { variant: "select", disabled: disabled, role: "combobox", "aria-expanded": open, className: cn("builtin:border-input/50 builtin:hover:bg-accent builtin:hover:text-accent-foreground builtin:w-full builtin:justify-between builtin:font-normal builtin:transition-colors", isCompact ? "builtin:h-8 builtin:px-2 builtin:text-xs" : "builtin:h-11 builtin:px-3 builtin:text-sm builtin:md:h-9", className), children: [_jsx("span", { className: "builtin:truncate", children: selectedLabel }), _jsx(Down, { className: "builtin:ml-2 builtin:h-4 builtin:w-4 builtin:shrink-0 builtin:opacity-50" })] }));
+    if (isMobile) {
+        return (_jsxs(_Fragment, { children: [_jsxs(Drawer, { open: open, onOpenChange: setOpen, children: [_jsx(DrawerTrigger, { asChild: true, children: trigger ? trigger(value) : defaultTrigger }), _jsx(DrawerContent, { className: "builtin:flex builtin:max-h-[85vh] builtin:flex-col builtin:overflow-hidden builtin:p-2", children: ListContent })] }), _jsx(BusinessUnitForm, { ref: formRef })] }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(Popover, { open: open, onOpenChange: setOpen, modal: true, children: [_jsx(PopoverTrigger, { asChild: true, children: trigger ? trigger(value) : defaultTrigger }), _jsx(PopoverContent, { className: "builtin:w-[300px] builtin:p-0 builtin:shadow-lg", align: "start", children: ListContent })] }), _jsx(BusinessUnitForm, { ref: formRef })] }));
+}

package/dist-export/page/partner/locales/en-US.json

@@ -0,0 +1,82 @@
+{
+    "create-customer": "Create new partner",
+    "edit-customer": "Edit partner",
+    "general-info": "General Info",
+    "first-name": "First name",
+    "last-name": "Last name",
+    "email": "Email (optional)",
+    "phone": "Phone (optional)",
+    "phone-2": "Phone 2 (optional)",
+    "phone-3": "Phone 3 (optional)",
+    "city": "City (optional)",
+    "area-region": "Area region",
+    "area-region-name": "Name",
+    "area-region-code": "Code (optional)",
+    "area-region-active": "Active",
+    "select-area-region": "Select area region...",
+    "search-area-region": "Search area region...",
+    "no-area-region-found": "No area region found.",
+    "available-area-regions": "Available area regions",
+    "create-area-region": "Create area region",
+    "edit-area-region": "Edit area region",
+    "delete-area-region": "Delete area region",
+    "delete-area-region-confirm": "Are you sure you want to delete this area region?",
+    "business-unit": "Business unit",
+    "business-unit-name": "Name",
+    "business-unit-code": "Code",
+    "business-unit-active": "Active",
+    "select-business-unit": "Select business unit...",
+    "search-business-unit": "Search business unit...",
+    "no-business-unit-found": "No business unit found.",
+    "available-business-units": "Available business units",
+    "create-business-unit": "Create business unit",
+    "edit-business-unit": "Edit business unit",
+    "delete-business-unit": "Delete business unit",
+    "delete-business-unit-confirm": "Are you sure you want to delete this business unit?",
+    "address": "Address (optional)",
+    "save": "Save",
+    "saving": "Saving...",
+    "internal-notes": "Internal notes",
+    "shipping-address": "Shipping address",
+    "shipping-addresses": "Shipping addresses",
+    "no-address": "There is no address list",
+    "country": "Country",
+    "state": "State",
+    "division": "Division",
+    "township": "Township",
+    "select-country": "Select country",
+    "select-state": "Select state",
+    "select-division": "Select division",
+    "select-township": "Select township",
+    "search-country": "Search country...",
+    "search-state": "Search state...",
+    "search-division": "Search division...",
+    "search-township": "Search township...",
+    "no-country-found": "No country found.",
+    "no-state-found": "No state found.",
+    "no-division-found": "No division found.",
+    "no-township-found": "No township found.",
+    "address-label": "Address",
+    "add-address": "Add address",
+    "edit-address": "Edit address",
+    "postal-code": "Postal code",
+    "update-address": "Update address",
+    "save-address": "Save address",
+    "latitude": "Latitude",
+    "longitude": "Longitude",
+    "is-default": "Default address",
+    "save-to-contacts": "Save to contacts",
+    "share": "Share",
+    "loading-partners": "Loading partners...",
+    "failed-to-load-partners": "Failed to load partners. Please check your connection.",
+    "no-customers-found": "No customers found",
+    "no-suppliers-found": "No suppliers found",
+    "no-customers-registered": "There are no customers registered yet.",
+    "no-suppliers-registered": "There are no suppliers registered yet.",
+    "select-partner": "Select Partner...",
+    "search-partner": "Search partner...",
+    "searching": "Searching...",
+    "no-partners-found": "No partners found.",
+    "available-partners": "Available Partners",
+    "create-partner": "Create New Partner"
+}

package/dist-export/page/partner/locales/my-MM.json

@@ -0,0 +1,82 @@
+{
+    "create-customer": "ဖောက်သည်အသစ်ဖန်တီးမည်",
+    "edit-customer": "ဖောက်သည်ပြင်ဆင်မည်",
+    "general-info": "အထွေထွေအချက်အလက်",
+    "first-name": "ရှေ့နာမည်",
+    "last-name": "နောက်နာမည်",
+    "email": "အီးမေးလ်",
+    "phone": "ဖုန်းနံပါတ်",
+    "phone-2": "ဖုန်းနံပါတ် ၂ (မလိုအပ်ပါကလွတ်ထားနိုင်သည်)",
+    "phone-3": "ဖုန်းနံပါတ် ၃ (မလိုအပ်ပါကလွတ်ထားနိုင်သည်)",
+    "city": "မြို့ (မလိုအပ်ပါကလွတ်ထားနိုင်သည်)",
+    "area-region": "ဒေသ/နယ်မြေ",
+    "area-region-name": "အမည်",
+    "area-region-code": "ကုဒ် (မလိုအပ်ပါကလွတ်ထားနိုင်သည်)",
+    "area-region-active": "အသုံးပြုနေသည်",
+    "select-area-region": "ဒေသ/နယ်မြေရွေးပါ...",
+    "search-area-region": "ဒေသ/နယ်မြေရှာရန်...",
+    "no-area-region-found": "ဒေသ/နယ်မြေမတွေ့ပါ။",
+    "available-area-regions": "ရရှိနိုင်သော ဒေသ/နယ်မြေများ",
+    "create-area-region": "ဒေသ/နယ်မြေဖန်တီးမည်",
+    "edit-area-region": "ဒေသ/နယ်မြေပြင်ဆင်မည်",
+    "delete-area-region": "ဒေသ/နယ်မြေဖျက်မည်",
+    "delete-area-region-confirm": "ဤဒေသ/နယ်မြေကို ဖျက်ရန် သေချာပါသလား?",
+    "business-unit": "လုပ်ငန်းယူနစ်",
+    "business-unit-name": "အမည်",
+    "business-unit-code": "ကုဒ်",
+    "business-unit-active": "အသုံးပြုနေသည်",
+    "select-business-unit": "လုပ်ငန်းယူနစ်ရွေးပါ...",
+    "search-business-unit": "လုပ်ငန်းယူနစ်ရှာရန်...",
+    "no-business-unit-found": "လုပ်ငန်းယူနစ်မတွေ့ပါ။",
+    "available-business-units": "ရရှိနိုင်သော လုပ်ငန်းယူနစ်များ",
+    "create-business-unit": "လုပ်ငန်းယူနစ်ဖန်တီးမည်",
+    "edit-business-unit": "လုပ်ငန်းယူနစ်ပြင်ဆင်မည်",
+    "delete-business-unit": "လုပ်ငန်းယူနစ်ဖျက်မည်",
+    "delete-business-unit-confirm": "ဤလုပ်ငန်းယူနစ်ကို ဖျက်ရန် သေချာပါသလား?",
+    "address": "နေရပ်လိပ်စာ (မလိုအပ်ပါကလွတ်ထားနိုင်သည်)",
+    "save": "သိမ်းမည်",
+    "saving": "သိမ်းနေသည်…",
+    "internal-notes": "အမှတ်အသား",
+    "shipping-address": "ပို့ဆောင်ရေးလိပ်စာ",
+    "shipping-addresses": "ပို့ဆောင်ရေးလိပ်စာများ",
+    "no-address": "လိပ်စာစာရင်းမရှိပါ",
+    "country": "နိုင်ငံ",
+    "state": "ပြည်နယ်",
+    "division": "ခရိုင်",
+    "township": "မြို့နယ်",
+    "select-country": "နိုင်ငံရွေးပါ",
+    "select-state": "ပြည်နယ်ရွေးပါ",
+    "select-division": "ခရိုင်ရွေးပါ",
+    "select-township": "မြို့နယ်ရွေးပါ",
+    "search-country": "နိုင်ငံရှာရန်…",
+    "search-state": "ပြည်နယ်ရှာရန်…",
+    "search-division": "ခရိုင်ရှာရန်…",
+    "search-township": "မြို့နယ်ရှာရန်…",
+    "no-country-found": "နိုင်ငံရှာမတွေ့ပါ",
+    "no-state-found": "ပြည်နယ်ရှာမတွေ့ပါ",
+    "no-division-found": "ခရိုင်ရှာမတွေ့ပါ",
+    "no-township-found": "မြို့နယ်ရှာမတွေ့ပါ",
+    "address-label": "လိပ်စာ",
+    "add-address": "လိပ်စာအသစ်ထည့်မည်",
+    "edit-address": "လိပ်စာပြင်ဆင်မည်",
+    "postal-code": "စာပို့သင်္ကေတ",
+    "update-address": "လိပ်စာအသစ်ပြင်မည်",
+    "save-address": "လိပ်စာသိမ်းမည်",
+    "latitude": "လတ္တီတွဒ်",
+    "longitude": "လောင်ဂျီတွဒ်",
+    "is-default": "မူလလိပ်စာ",
+    "save-to-contacts": "အဆက်အသွယ်သို့သိမ်းမည်",
+    "share": "မျှဝေမည်",
+    "loading-partners": "ပါတနာများ ဖွင့်နေသည်...",
+    "failed-to-load-partners": "ပါတနာများ ဖွင့်ရန် မအောင်မြင်ပါ။ သင့်ကွန်ရက်ကို စစ်ဆေးပါ။",
+    "no-customers-found": "ဖောက်သည်များ မတွေ့ပါ",
+    "no-suppliers-found": "ပေးသွင်းသူများ မတွေ့ပါ",
+    "no-customers-registered": "မှတ်ပုံတင်ထားသော ဖောက်သည်များ မရှိသေးပါ။",
+    "no-suppliers-registered": "မှတ်ပုံတင်ထားသော ပေးသွင်းသူများ မရှိသေးပါ။",
+    "select-partner": "ပါတနာရွေးပါ...",
+    "search-partner": "ပါတနာရှာရန်...",
+    "searching": "ရှာဖွေနေသည်...",
+    "no-partners-found": "ပါတနာများ မတွေ့ပါ။",
+    "available-partners": "ရရှိနိုင်သော ပါတနာများ",
+    "create-partner": "ပါတနာအသစ်ဖန်တီးမည်"
+}