eai-frontend-components 2.0.4

package/dist/components/custom/form/text.d.ts

@@ -0,0 +1,18 @@
+interface Props {
+    control: any;
+    name: string;
+    label: string;
+    subLabel?: string;
+    helpText?: JSX.Element;
+    placeholder?: string;
+    maxLength?: number;
+    className?: string;
+    disabled?: boolean;
+    required?: boolean;
+    inputRef?: React.Ref<HTMLInputElement>;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const FormInputText: React.FC<Props>;
+export {};
+//# sourceMappingURL=text.d.ts.map

package/dist/components/custom/form/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/form/text.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACd,OAAO,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+CzC,CAAC"}

package/dist/components/custom/form/text.js

@@ -0,0 +1,14 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as FormComponents from '../../form';
+import { formHelpText } from './form-help-text';
+import { formLabelAndSubLabel } from './form-label';
+import { formMessage } from './form-message';
+import { InputText } from './input';
+export const FormInputText = ({ control, name, label, subLabel, helpText, placeholder, maxLength, className, disabled, required, inputRef, onKeyUp, onChange, }) => {
+    const { FormField, FormItem, FormLabel, FormControl, FormMessage } = FormComponents;
+    return (_jsx(FormField, { control: control, name: name, render: ({ field, formState }) => (_jsxs(FormItem, { className: className, children: [_jsxs("div", { className: 'flex items-center space-x-1.5', children: [label && formLabelAndSubLabel(FormLabel, label, subLabel, required), helpText && formHelpText(helpText)] }), _jsx(FormControl, { children: _jsx(InputText, { ...field, maxLength: maxLength, placeholder: placeholder, disabled: disabled || formState.isSubmitting, value: field.value || '', onKeyUp: (e) => {
+                            if (onKeyUp) {
+                                onKeyUp(e);
+                            }
+                        }, ref: inputRef }) }), formMessage(FormMessage)] })) }));
+};

package/dist/components/custom/form/textarea.d.ts

@@ -0,0 +1,16 @@
+interface Props {
+    control: any;
+    name: string;
+    label: string;
+    subLabel?: string;
+    helpText?: JSX.Element;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    required?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+}
+export declare const FormTextarea: React.FC<Props>;
+export {};
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/custom/form/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/form/textarea.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACd,OAAO,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACnE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACpE;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiDxC,CAAC"}

package/dist/components/custom/form/textarea.js

@@ -0,0 +1,19 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as FormComponents from '../../form';
+import { formHelpText } from './form-help-text';
+import { formLabelAndSubLabel } from './form-label';
+import { formMessage } from './form-message';
+import { Textarea } from './textarea';
+export const FormTextarea = ({ control, name, label, subLabel, helpText, placeholder, className, disabled, required, onChange, onKeyUp, }) => {
+    const { FormField, FormItem, FormLabel, FormControl, FormMessage } = FormComponents;
+    return (_jsx(FormField, { control: control, name: name, render: ({ field, formState }) => (_jsxs(FormItem, { className: className, children: [_jsxs("div", { className: 'flex items-center space-x-1.5', children: [label && formLabelAndSubLabel(FormLabel, label, subLabel, required), helpText && formHelpText(helpText)] }), _jsx(FormControl, { children: _jsx(Textarea, { ...field, className: 'resize-none outline-none focus:outline-none', placeholder: placeholder, disabled: disabled || formState.isSubmitting, onChange: (e) => {
+                            field.onChange(e);
+                            if (onChange) {
+                                onChange(e);
+                            }
+                        }, onKeyUp: (e) => {
+                            if (onKeyUp) {
+                                onKeyUp(e);
+                            }
+                        } }) }), formMessage(FormMessage)] })) }));
+};

package/dist/components/custom/form/utils.d.ts

@@ -0,0 +1,18 @@
+export type RGB = {
+    r: number;
+    g: number;
+    b: number;
+};
+type HSL = {
+    h: number;
+    s: number;
+    l: number;
+};
+export declare const rgbToHex: ({ r, g, b }: RGB) => string;
+export declare const hexToRgb: (hex: string) => RGB | null;
+export declare const rgbToHsl: ({ r, g, b }: RGB) => HSL;
+export declare const hslToRgb: ({ h, s, l }: HSL) => RGB;
+export declare const formatRgba: (rgb: RGB, a?: number) => string;
+export declare const formatHsla: (hsl: HSL, a?: number) => string;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/custom/form/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/form/utils.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACtD,KAAK,GAAG,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/C,eAAO,MAAM,QAAQ,GAAI,aAAa,GAAG,KAAG,MAG3C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,KAAK,MAAM,KAAG,GAAG,GAAG,IAS5C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,aAAa,GAAG,KAAG,GAmC3C,CAAC;AAYF,eAAO,MAAM,QAAQ,GAAI,aAAa,GAAG,KAAG,GAyB3C,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,KAAK,GAAG,EAAE,UAAK,KAAG,MAE5C,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,KAAK,GAAG,EAAE,UAAK,KAAG,MAE5C,CAAC"}

package/dist/components/custom/form/utils.js

@@ -0,0 +1,88 @@
+export const rgbToHex = ({ r, g, b }) => {
+    const toHex = (n) => Math.max(0, Math.min(255, n)).toString(16).padStart(2, '0').toUpperCase();
+    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+};
+export const hexToRgb = (hex) => {
+    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    return result
+        ? {
+            r: Number.parseInt(result[1], 16),
+            g: Number.parseInt(result[2], 16),
+            b: Number.parseInt(result[3], 16),
+        }
+        : null;
+};
+export const rgbToHsl = ({ r, g, b }) => {
+    r /= 255;
+    g /= 255;
+    b /= 255;
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    let h = 0;
+    let s = 0;
+    const l = (max + min) / 2;
+    if (max !== min) {
+        const d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        switch (max) {
+            case r:
+                h = (g - b) / d + (g < b ? 6 : 0);
+                break;
+            case g:
+                h = (b - r) / d + 2;
+                break;
+            case b:
+                h = (r - g) / d + 4;
+                break;
+        }
+        h /= 6;
+    }
+    return {
+        h: Math.round(h * 360),
+        s: Math.round(s * 100),
+        l: Math.round(l * 100),
+    };
+};
+const hue2rgb = (p, q, t) => {
+    let tempT = t;
+    if (tempT < 0)
+        tempT += 1;
+    if (tempT > 1)
+        tempT -= 1;
+    if (tempT < 1 / 6)
+        return p + (q - p) * 6 * tempT;
+    if (tempT < 1 / 2)
+        return q;
+    if (tempT < 2 / 3)
+        return p + (q - p) * (2 / 3 - tempT) * 6;
+    return p;
+};
+export const hslToRgb = ({ h, s, l }) => {
+    h /= 360;
+    s /= 100;
+    l /= 100;
+    let r;
+    let g;
+    let b;
+    if (s === 0) {
+        r = g = b = l;
+    }
+    else {
+        const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+        const p = 2 * l - q;
+        r = hue2rgb(p, q, h + 1 / 3);
+        g = hue2rgb(p, q, h);
+        b = hue2rgb(p, q, h - 1 / 3);
+    }
+    return {
+        r: Math.round(r * 255),
+        g: Math.round(g * 255),
+        b: Math.round(b * 255),
+    };
+};
+export const formatRgba = (rgb, a = 1) => {
+    return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${a})`;
+};
+export const formatHsla = (hsl, a = 1) => {
+    return `hsla(${hsl.h}, ${hsl.s}%, ${hsl.l}%, ${a})`;
+};

package/dist/components/custom/header.d.ts

@@ -0,0 +1,3 @@
+declare const Header: () => import("react/jsx-runtime").JSX.Element;
+export default Header;
+//# sourceMappingURL=header.d.ts.map

package/dist/components/custom/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/custom/header.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,MAAM,+CAkIX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/custom/header.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modules, SidebarLinks } from '@/lib/constants/sidebar';
+import { isUUIDv4 } from '@/lib/help/help';
+import { getTailwindColorShades } from '@/lib/help/theme';
+import { showLoadingAtom } from '@/lib/store/loading';
+import { useAtomValue } from 'jotai';
+import { useEffect, useRef, useState } from 'react';
+import { useLocation, useNavigate } from 'react-router-dom';
+import LoadingBar from 'react-top-loading-bar';
+import { Reseller } from '../../custom/reseller';
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from '../breadcrumb';
+import { SidebarTrigger } from '../sidebar';
+import { DEFAULT_THEME_DATA, useTheme } from './theme-provider';
+const Header = () => {
+    const { portalDefinitions } = useTheme();
+    const [disableReseller, setDisableReseller] = useState(false);
+    const navigate = useNavigate();
+    const location = useLocation();
+    const showLoading = useAtomValue(showLoadingAtom);
+    const refProgressLoading = useRef(null);
+    const pages = location.pathname
+        .split('/')
+        .filter((page) => page !== '' && Number.isNaN(parseInt(page)))
+        .filter((page) => !isUUIDv4(page));
+    const firstPage = pages[0];
+    const lastPage = pages[pages.length - 1];
+    useEffect(() => {
+        showLoading ? refProgressLoading.current?.start() : refProgressLoading.current?.complete();
+    }, [showLoading]);
+    useEffect(() => {
+        const keywordsToDisable = ['edit', 'new', 'administrative'];
+        const keywordsToIgnore = ['administrative/sim-cards'];
+        const shouldDisable = keywordsToDisable.some((keyword) => location.pathname.includes(keyword));
+        const shouldIgnore = keywordsToIgnore.some((keyword) => !location.pathname.includes(keyword));
+        setDisableReseller(shouldIgnore && shouldDisable);
+    }, [location]);
+    const setRouter = (path) => {
+        navigate(path);
+    };
+    const getPath = (index) => {
+        let path = '';
+        for (let i = 0; i <= index; i++) {
+            path += `/${pages[i]}`;
+        }
+        return path;
+    };
+    const getLinkSidebar = (index) => {
+        return Object.values(SidebarLinks[firstPage] ?? []).find((item) => item.path === getPath(index));
+    };
+    const getSubMenuItem = (index) => {
+        return Object.values(SidebarLinks[firstPage] ?? [])
+            .flatMap((item) => item.subMenuItems || [])
+            .find((sub) => sub.path === getPath(index));
+    };
+    const getModule = (page) => {
+        const module = Modules[page];
+        if (!module) {
+            return page;
+        }
+        return module?.title;
+    };
+    const getTitle = (index) => {
+        const linkSidebar = getLinkSidebar(index);
+        const subMenuItem = getSubMenuItem(index);
+        if (subMenuItem) {
+            return subMenuItem.label;
+        }
+        return linkSidebar?.title;
+    };
+    const renderBreadcrumbPage = (index) => {
+        return _jsx(BreadcrumbPage, { children: getTitle(index) });
+    };
+    const renderBreadcrumbLink = (page, index) => {
+        const linkSidebar = getLinkSidebar(index);
+        return linkSidebar?.subMenuType ? (renderBreadcrumbPage(index)) : (_jsx(BreadcrumbLink, { onClick: () => setRouter(getPath(index)), className: 'cursor-pointer', children: index === 0 ? getModule(page) : getTitle(index) }));
+    };
+    const renderBreadcrumbItens = () => {
+        const breadcrumbItems = [];
+        pages.map((page, index) => {
+            breadcrumbItems.push(_jsx(BreadcrumbItem, { children: page === lastPage ? renderBreadcrumbPage(index) : renderBreadcrumbLink(page, index) }, `breadcrumb-item-${index}`));
+            if (page !== lastPage) {
+                breadcrumbItems.push(_jsx(BreadcrumbSeparator, { className: 'mt-[1px]' }, `breadcrumb-separator-${index}`));
+            }
+        });
+        return breadcrumbItems;
+    };
+    const getColorLoadingBar = () => {
+        const colorShade = getTailwindColorShades()[portalDefinitions?.mvnoPrimaryColor];
+        const color = colorShade ? colorShade[900] : getTailwindColorShades()[DEFAULT_THEME_DATA.mvnoPrimaryColor][900];
+        return color;
+    };
+    return (_jsxs("header", { className: 'flex flex-col justify-between items-center w-full', children: [_jsxs("div", { className: 'flex justify-between items-center py-3 px-5 w-full', children: [_jsxs("div", { className: 'flex items-center gap-x-2 h-[40px]', children: [_jsx(SidebarTrigger, { className: 'p-5' }), _jsx("div", { className: 'p-2', children: _jsx(Breadcrumb, { children: _jsx(BreadcrumbList, { children: renderBreadcrumbItens() }) }) })] }), _jsx("div", { className: 'flex items-center', children: _jsx(Reseller, { disableReseller: disableReseller }) })] }), _jsx(LoadingBar, { ref: refProgressLoading, color: getColorLoadingBar(), height: 7 })] }));
+};
+export default Header;

package/dist/components/custom/label.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface LabelWithTitleProps {
+    title: string;
+    value: string;
+    value2?: string;
+    required?: boolean;
+    showCopyIcon?: boolean;
+    className?: string;
+    isLoading?: boolean;
+}
+declare const LabelWithTitle: React.FC<LabelWithTitleProps>;
+export default LabelWithTitle;
+//# sourceMappingURL=label.d.ts.map

package/dist/components/custom/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/custom/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,mBAAmB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0DjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/custom/label.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@/lib/utils';
+import { Copy } from 'lucide-react';
+import { Button } from '../button';
+import { Skeleton } from '../skeleton';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../tooltip';
+import { toast } from '../use-toast';
+const LabelWithTitle = ({ title, value, value2, required, showCopyIcon = false, className, isLoading }) => {
+    const handleCopy = () => {
+        if (showCopyIcon && value) {
+            navigator.clipboard.writeText(`${value}${value2 ?? ''}`);
+            toast({
+                title: `"${value}${value2 ?? ''}" foi copiado para a área de transferência.`,
+                variant: 'success',
+            });
+        }
+    };
+    return (_jsx("div", { className: cn('flex group', className), children: _jsx("div", { className: cn('flex flex-col text-sm w-full', showCopyIcon ? 'p-1 rounded-md transition-colors group-hover:bg-sidebar-accent' : 'p-1'), children: _jsxs("div", { className: 'relative', children: [_jsxs("div", { className: 'flex items-center text-sm font-medium gap-0.5', children: [_jsx("label", { className: 'text-default truncate', children: title }), required && _jsx("div", { className: 'text-red-500 truncate', children: "*" })] }), _jsx("div", { className: 'grid flex-1 items-center pt-1', children: isLoading ? _jsx(Skeleton, { className: 'h-5 w-full rounded-lg' }) : _jsx("div", { className: 'text-zinc-500 truncate', children: value }) }), value2 && (_jsx("div", { className: 'grid flex-1 items-center pt-1', children: isLoading ? _jsx(Skeleton, { className: 'h-5 w-full rounded-lg' }) : _jsx("div", { className: 'text-zinc-500 truncate', children: value2 }) })), _jsx("div", { className: cn('pr-1 absolute top-1/2 right-0 -translate-y-1/2 opacity-0 transition-opacity', showCopyIcon && 'group-hover:opacity-100'), children: _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: 'ghost', type: 'button', className: cn('p-1 h-8', !showCopyIcon && 'cursor-default'), onClick: handleCopy, children: _jsx(Copy, { size: 16 }) }) }), _jsx(TooltipContent, { children: "Copiar" })] }) }) })] }) }) }));
+};
+export default LabelWithTitle;

package/dist/components/custom/not-found.d.ts

@@ -0,0 +1,3 @@
+declare const NotFound: () => import("react/jsx-runtime").JSX.Element;
+export default NotFound;
+//# sourceMappingURL=not-found.d.ts.map

package/dist/components/custom/not-found.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"not-found.d.ts","sourceRoot":"","sources":["../../../src/components/custom/not-found.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,QAAQ,+CAyBb,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/dist/components/custom/not-found.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BarChart2 } from 'lucide-react';
+import { Button } from '../button';
+const NotFound = () => {
+    return (_jsx("div", { className: "flex flex-col items-center justify-center h-screen bg-[url('/imgs/404.png')] bg-cover bg-no-repeat bg-center", children: _jsxs("div", { className: 'flex flex-col items-center justify-center gap-8 w-[424px]', children: [_jsxs("div", { className: 'flex flex-col items-center w-full', children: [_jsx("div", { className: 'text-5xl font-extrabold', children: "404" }), _jsx("div", { className: 'text-3xl font-semibold', children: "P\u00E1gina Indispon\u00EDvel" })] }), _jsx("div", { className: 'flex text-center text-xl font-semibold text-zinc-500', children: "A p\u00E1gina que voc\u00EA est\u00E1 tentando acessar se encontra indispon\u00EDvel no momento, tente novamente mais tarde" }), _jsx("div", { className: 'flex justify-center w-full', children: _jsxs(Button, { onClick: () => {
+                            window.location.href = '/';
+                        }, className: '[&_svg]:size-5', children: [_jsx(BarChart2, {}), "Voltar Para Inicial"] }) })] }) }));
+};
+export default NotFound;

package/dist/components/custom/sidebar/app-sidebar.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Sidebar } from '../../sidebar';
+declare const AppSidebar: ({ ...props }: React.ComponentProps<typeof Sidebar>) => import("react/jsx-runtime").JSX.Element;
+export default AppSidebar;
+//# sourceMappingURL=app-sidebar.d.ts.map

package/dist/components/custom/sidebar/app-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/sidebar/app-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAkE,MAAM,eAAe,CAAC;AAOxG,QAAA,MAAM,UAAU,GAAI,cAAc,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,4CAqCrE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/custom/sidebar/app-sidebar.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarSeparator } from '../../sidebar';
+import { useTheme } from '../theme-provider';
+import ModuleSwitcher from './module-switcher';
+import NavFooter from './nav-footer';
+import NavMain from './nav-main';
+import NavUser from './nav-user';
+const AppSidebar = ({ ...props }) => {
+    const [collapsed, setCollapsed] = useState(false);
+    const sidebarRef = useRef(null);
+    const { portalDefinitions } = useTheme();
+    useEffect(() => {
+        const el = sidebarRef.current;
+        if (!el)
+            return;
+        const observer = new MutationObserver(() => {
+            setCollapsed(el.getAttribute('data-state') === 'collapsed');
+        });
+        observer.observe(el, { attributes: true, attributeFilter: ['data-state'] });
+        setCollapsed(el.getAttribute('data-state') === 'collapsed');
+        return () => observer.disconnect();
+    }, []);
+    return (_jsxs(Sidebar, { ref: sidebarRef, collapsible: 'icon', ...props, className: 'sidebar-content', children: [_jsx(SidebarHeader, { children: portalDefinitions.hideModuleSwitcher ? (_jsx("div", { className: 'flex items-center justify-center', children: !collapsed && _jsx("img", { src: portalDefinitions.fullLogoPath, alt: 'Logo', className: 'w-fit h-10' }) })) : (_jsx(ModuleSwitcher, {})) }), _jsx(SidebarContent, { children: _jsx(NavMain, {}) }), _jsxs(SidebarFooter, { children: [_jsx(NavFooter, {}), _jsx(SidebarSeparator, {}), _jsx(NavUser, {})] })] }));
+};
+export default AppSidebar;

package/dist/components/custom/sidebar/module-switcher.d.ts

@@ -0,0 +1,3 @@
+declare const ModuleSwitcher: () => import("react/jsx-runtime").JSX.Element;
+export default ModuleSwitcher;
+//# sourceMappingURL=module-switcher.d.ts.map

package/dist/components/custom/sidebar/module-switcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module-switcher.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/sidebar/module-switcher.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,cAAc,+CA+EnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/custom/sidebar/module-switcher.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getPagesByModule } from '@/lib/help/sidebar';
+import { useLogin } from '@/lib/hooks/auth';
+import { activeModuleAtom, resellerIdAtom, resellerPersonIdAtom } from '@/lib/store/auth';
+import { useAtomValue, useSetAtom } from 'jotai';
+import { Check, ChevronsUpDown } from 'lucide-react';
+import { useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from './dropdown-menu';
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from './sidebar';
+import SidebarItemTwoLines from './sidebar-item-two-lines';
+const ModuleSwitcher = () => {
+    const { getConfiguredModules } = useLogin();
+    const { isMobile } = useSidebar();
+    const navigate = useNavigate();
+    const [activeModule, setActiveModule] = useState();
+    const [modules, setModules] = useState([]);
+    const resellerId = useAtomValue(resellerIdAtom);
+    const resellerPersonId = useAtomValue(resellerPersonIdAtom);
+    const activeModuleValue = useAtomValue(activeModuleAtom);
+    const setActiveModuleValue = useSetAtom(activeModuleAtom);
+    useEffect(() => {
+        fetchModules();
+    }, []);
+    useEffect(() => {
+        setActiveModule(modules.find((module) => module.value === activeModuleValue) ?? modules[0]);
+    }, [modules, activeModuleValue]);
+    const fetchModules = async () => {
+        const configuredModules = await getConfiguredModules(resellerPersonId, resellerId === '0');
+        if (configuredModules) {
+            setModules(configuredModules);
+        }
+    };
+    const handleModuleChange = (module) => {
+        setActiveModuleValue(module);
+        if (module) {
+            const firstLink = getPagesByModule(module)[0];
+            if (firstLink) {
+                navigate(firstLink.path);
+            }
+        }
+    };
+    return (_jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(SidebarMenuButton, { size: 'lg', className: 'data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground', children: _jsx(SidebarItemTwoLines, { item: {
+                                    iconLeft: (_jsx("div", { className: 'flex p-[7.6px] items-center rounded-md bg-background-primary', children: activeModule?.icon })),
+                                    title: activeModule?.title ?? '',
+                                    subTitle: activeModule?.subTitle ?? '',
+                                    iconRight: _jsx(ChevronsUpDown, { size: 16 }),
+                                } }) }) }), _jsx(DropdownMenuContent, { className: 'w-[250px] rounded-lg', align: 'start', side: isMobile ? 'bottom' : 'right', sideOffset: 4, children: modules.map((module) => (_jsx(DropdownMenuItem, { onClick: () => handleModuleChange(module.value), className: 'gap-2 p-2', children: _jsx(SidebarItemTwoLines, { item: {
+                                    iconLeft: _jsx("div", { className: 'flex p-[7.6px] items-center rounded-md bg-background-primary', children: module.icon }),
+                                    title: module.title,
+                                    subTitle: module.subTitle,
+                                    iconRight: activeModule?.value === module.value ? _jsx(Check, { size: 16 }) : null,
+                                } }) }, `module-switcher-${module.value}`))) })] }) }) }));
+};
+export default ModuleSwitcher;

package/dist/components/custom/sidebar/nav-footer.d.ts

@@ -0,0 +1,3 @@
+declare const NavFooter: () => import("react/jsx-runtime").JSX.Element;
+export default NavFooter;
+//# sourceMappingURL=nav-footer.d.ts.map

package/dist/components/custom/sidebar/nav-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/sidebar/nav-footer.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS,+CAyBd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/custom/sidebar/nav-footer.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SidebarLinks } from '@/lib/constants/sidebar';
+import { resellerIsAdm } from '@/lib/store/auth';
+import { useLocation, useNavigate } from 'react-router-dom';
+import { SidebarGroup, SidebarGroupContent, SidebarMenu } from './sidebar';
+import SidebarItem from './sidebar-item';
+const NavFooter = () => {
+    const navigate = useNavigate();
+    const location = useLocation();
+    const selectedRoutePath = location.pathname;
+    const isAdm = resellerIsAdm();
+    const pages = Object.values(SidebarLinks.settings ?? []).filter((item) => !item.hideSidebar && !(item.displayOnlyresellerIsAdm && !isAdm));
+    return (_jsx(SidebarGroup, { className: 'p-0', children: _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: pages.map((item) => {
+                    return (_jsx(SidebarItem, { item: item, selectedRoute: selectedRoutePath, onClick: () => navigate(item.path) }, `sidebar-menu-main-${item.path}`));
+                }) }) }) }));
+};
+export default NavFooter;

package/dist/components/custom/sidebar/nav-main.d.ts

@@ -0,0 +1,3 @@
+declare const NavMain: () => import("react/jsx-runtime").JSX.Element;
+export default NavMain;
+//# sourceMappingURL=nav-main.d.ts.map

package/dist/components/custom/sidebar/nav-main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-main.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/sidebar/nav-main.tsx"],"names":[],"mappings":"AAWA,QAAA,MAAM,OAAO,+CAmDZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/custom/sidebar/nav-main.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useIsMobile } from '@/hooks/use-mobile';
+import { getPagesByModule } from '@/lib/help/sidebar';
+import { activeModuleAtom } from '@/lib/store/auth';
+import { useAtomValue } from 'jotai';
+import { useLocation, useNavigate } from 'react-router-dom';
+import NavSubmenuCollapsible from './nav-submenu-collapsible';
+import NavSubmenuDropdown from './nav-submenu-dropdown';
+import { SidebarGroup, SidebarGroupContent, SidebarMenu } from './sidebar';
+import SidebarItem from './sidebar-item';
+import { SidebarSubmenuType } from './types/sidebar';
+const NavMain = () => {
+    const activeModuleValue = useAtomValue(activeModuleAtom);
+    const navigate = useNavigate();
+    const location = useLocation();
+    const isMobile = useIsMobile();
+    const selectedRoutePath = location.pathname;
+    const pages = getPagesByModule(activeModuleValue);
+    return (_jsx(SidebarGroup, { children: _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: pages.map((item) => {
+                    if (item.subMenuType) {
+                        if (item.subMenuType === SidebarSubmenuType.COLLAPSIBLE || isMobile) {
+                            return (_jsx(NavSubmenuCollapsible, { item: item, selectedRoute: selectedRoutePath, onClick: (path) => navigate(path) }, `sidebar-submenu-collapsible-${item.path}`));
+                        }
+                        // Deprecated: Use COLLAPSIBLE instead
+                        if (item.subMenuType === SidebarSubmenuType.DROPDOWN) {
+                            return (_jsx(NavSubmenuDropdown, { item: item, selectedRoute: selectedRoutePath, onClick: (path) => navigate(path), cols: 3 }, `sidebar-submenu-dropdown-${item.path}`));
+                        }
+                    }
+                    return (_jsx(SidebarItem, { item: item, selectedRoute: selectedRoutePath, onClick: () => navigate(item.path) }, `sidebar-menu-main-${item.path}`));
+                }) }) }) }));
+};
+export default NavMain;

package/dist/components/custom/sidebar/nav-submenu-collapsible.d.ts

@@ -0,0 +1,9 @@
+import { SidebarPage } from './types/sidebar';
+interface NavSubmenuCollapsibleProps {
+    item: SidebarPage;
+    selectedRoute: string | null;
+    onClick: (path: string) => void;
+}
+declare const NavSubmenuCollapsible: ({ item, selectedRoute, onClick }: NavSubmenuCollapsibleProps) => import("react/jsx-runtime").JSX.Element;
+export default NavSubmenuCollapsible;
+//# sourceMappingURL=nav-submenu-collapsible.d.ts.map

package/dist/components/custom/sidebar/nav-submenu-collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-submenu-collapsible.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/sidebar/nav-submenu-collapsible.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,UAAU,0BAA0B;IACnC,IAAI,EAAE,WAAW,CAAC;IAClB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,QAAA,MAAM,qBAAqB,GAAI,kCAAkC,0BAA0B,4CA+C1F,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/custom/sidebar/nav-submenu-collapsible.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resellerIsAdm } from '@/lib/store/auth';
+import { cn } from '@/lib/utils';
+import { ChevronRight } from 'lucide-react';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../collapsible';
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, useSidebar } from '../../sidebar';
+const NavSubmenuCollapsible = ({ item, selectedRoute, onClick }) => {
+    const isAdm = resellerIsAdm();
+    const { open, toggleSidebar } = useSidebar();
+    const isOpen = () => {
+        return selectedRoute?.includes(item.path) ?? false;
+    };
+    const handleToggleSidebar = () => {
+        if (!open)
+            toggleSidebar();
+    };
+    return (_jsx(SidebarMenu, { children: _jsx(Collapsible, { asChild: true, defaultOpen: isOpen(), children: _jsxs(SidebarMenuItem, { children: [_jsx(CollapsibleTrigger, { asChild: true, className: 'group/collapsible', children: _jsxs(SidebarMenuButton, { tooltip: item.title, className: 'px-2 py-5 gap-3', onClick: () => handleToggleSidebar(), children: [item.icon, _jsx("span", { children: item.title }), _jsx(ChevronRight, { className: 'ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90' })] }) }), _jsx(CollapsibleContent, { children: _jsx(SidebarMenuSub, { children: item.subMenuItems
+                                ?.filter((subItem) => !(subItem.displayOnlyresellerIsAdm && !isAdm))
+                                .map((subItem) => (_jsx(SidebarMenuSubItem, { children: _jsx(SidebarMenuSubButton, { asChild: true, onClick: () => onClick(subItem.path), "aria-disabled": subItem.disabled, children: _jsx("div", { className: cn('cursor-pointer px-2 py-1 items-center self-stretch', selectedRoute === subItem.path ? 'bg-sidebar-accent' : ''), children: _jsx("span", { children: subItem.label }) }) }) }, subItem.label))) }) })] }) }, item.title) }));
+};
+export default NavSubmenuCollapsible;

package/dist/components/custom/sidebar/nav-submenu-dropdown.d.ts

@@ -0,0 +1,10 @@
+import { SidebarPage } from './types/sidebar';
+interface NavSubmenuDropdownProps {
+    cols?: number;
+    item: SidebarPage;
+    selectedRoute: string | null;
+    onClick: (path: string) => void;
+}
+declare const NavSubmenuDropdown: ({ cols, item, selectedRoute, onClick }: NavSubmenuDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export default NavSubmenuDropdown;
+//# sourceMappingURL=nav-submenu-dropdown.d.ts.map

package/dist/components/custom/sidebar/nav-submenu-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-submenu-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/sidebar/nav-submenu-dropdown.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,UAAU,uBAAuB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC;IAClB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,QAAA,MAAM,kBAAkB,GAAI,wCAAwC,uBAAuB,4CA2C1F,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/custom/sidebar/nav-submenu-dropdown.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resellerIsAdm } from '@/lib/store/auth';
+import { cn } from '@/lib/utils';
+import { ChevronRight } from 'lucide-react';
+import { SidebarMenuButton, SidebarMenuItem } from '../../sidebar';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from './dropdown-menu';
+const NavSubmenuDropdown = ({ cols, item, selectedRoute, onClick }) => {
+    const isAdm = resellerIsAdm();
+    return (_jsx(SidebarMenuItem, { children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(SidebarMenuButton, { asChild: true, className: cn('data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground hover:bg-sidebar-accent px-2 py-5 gap-3 cursor-pointer', selectedRoute?.includes(item.path) ? 'bg-sidebar-accent' : ''), tooltip: item.title, children: _jsxs("div", { children: [item.icon, _jsx("span", { children: item.title }), _jsx(ChevronRight, { className: 'ml-auto' })] }) }) }), _jsx(DropdownMenuContent, { className: `grid grid-cols-${cols ?? '1'} gap-4 p-4`, align: 'start', side: 'right', sideOffset: 4, children: item.subMenuItems
+                        ?.filter((subItem) => !(subItem.displayOnlyresellerIsAdm && !isAdm))
+                        .map((subItem, index) => (_jsxs(DropdownMenuItem, { className: cn('flex flex-col items-start text-left max-w-[220px] gap-1 cursor-pointer', selectedRoute === subItem.path ? 'bg-sidebar-accent' : ''), onClick: () => onClick(subItem.path), disabled: subItem.disabled, children: [_jsx("div", { className: 'text-sm font-semibold', children: subItem.label }), _jsx("div", { className: 'text-sm text-muted-foreground', children: subItem.description })] }, `${index}`))) })] }) }));
+};
+export default NavSubmenuDropdown;

package/dist/components/custom/sidebar/nav-user.d.ts

@@ -0,0 +1,3 @@
+declare const NavUser: () => import("react/jsx-runtime").JSX.Element;
+export default NavUser;
+//# sourceMappingURL=nav-user.d.ts.map

package/dist/components/custom/sidebar/nav-user.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-user.d.ts","sourceRoot":"","sources":["../../../../src/components/custom/sidebar/nav-user.tsx"],"names":[],"mappings":"AASA,QAAA,MAAM,OAAO,+CAuFZ,CAAC;AAEF,eAAe,OAAO,CAAC"}