nectiasw 0.0.13 → 0.0.15

package/dist/providers/channel/hooks.d.ts

@@ -0,0 +1,11 @@
+export declare function useObserver<T>(event: string, callback: (data: T) => void): {
+    status: boolean;
+    pause: () => void;
+    resume: () => void;
+};
+/**
+ * @description
+ * This function is used to broadcast an event.
+ * @param event - Event name to be broadcasted.
+ */
+export declare function useBroadcaster<T>(event: string, callback?: () => void, name?: string): (data: T) => void;

package/dist/providers/channel/index.d.ts

@@ -0,0 +1,27 @@
+import { Subject } from 'rxjs';
+import { EventMap, Listener } from './types';
+import { EventMap as EventContext } from '../../events';
+
+export declare const $events: EventMap;
+export declare const $channels: Record<string, BroadcastChannel>;
+export declare const $observers: Listener;
+/**
+ * @param $event - Event to unsubscribe from.
+ * @returns {void}
+ */
+export declare function unsubscribeEvent($event: EventContext): void;
+export declare function takeSignal<T>($channel: string, onNext: (data: T) => void): void;
+export declare function destroySignal($channel: string): void;
+export declare function createSignal<T>($channel: string, data: T): void;
+/**
+ * @description
+ * Dispatch
+ * @param $name - Event name.
+ * @param data - Data to be emitted.
+ */
+export declare function dispatch<T>($name: string, data: T): void;
+export declare function createObserver<T>($name: string): Subject<T>;
+export declare function observe<T>($name: string, callback: (args: T) => void): import('rxjs').Subscription;
+export declare function destroy<T>($name: string): void;
+export declare function broadcast<T>($name: string, data: T): void;
+export { useBroadcaster, useObserver } from './hooks';

package/dist/providers/channel/types.d.ts

@@ -0,0 +1,9 @@
+import { Subject } from 'rxjs';
+import { EventMap as Ref } from '../../events';
+
+export type EventMap = {
+    [key in Ref]?: Subject<never>;
+};
+export type Listener = {
+    [key in Ref]?: typeof Subject;
+};

package/dist/providers/https/http.api.d.ts

@@ -0,0 +1,28 @@
+import { ContextProps } from '../../context';
+import { URLMapping } from '@nectiasw/providers/https';
+
+export declare enum Method {
+    GET = "GET",
+    PUT = "PUT",
+    POST = "POST",
+    PATCH = "PATCH",
+    DELETE = "DELETE"
+}
+export type Arguments = {
+    endpoint: string;
+    baseURL: string;
+    method?: Method;
+    normalize?: boolean;
+};
+export interface FetchRequest<T> {
+    result: T;
+    status: number;
+    message: string;
+}
+/**
+ * @description
+ * Sends a request to the server.
+ * This is commonly used on useQuery hooks from react-query.
+ * @param session - session object.
+ */
+export declare function signalHttps<T, M = Record<string, never>, S extends ContextProps["session"] = ContextProps["session"]>(session: S, args: Arguments, config?: URLMapping, mutation?: M): () => Promise<FetchRequest<T>>;

package/dist/providers/https/index.d.ts

@@ -0,0 +1,65 @@
+import { AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig } from 'axios';
+
+export interface HttpResponse<T> extends Promise<T> {
+    data: T;
+    status: number;
+    message: string;
+}
+export interface HttpClientOptions {
+    baseURL?: string;
+    timeout?: number;
+    headers?: Record<string, string>;
+    logger?: Console["log"];
+    requestInterceptor?: (config: InternalAxiosRequestConfig) => InternalAxiosRequestConfig | Promise<InternalAxiosRequestConfig>;
+    responseInterceptor?: (response: AxiosResponse) => AxiosResponse | Promise<AxiosResponse>;
+}
+export interface URLMapping {
+    provide?: string;
+    params?: Array<string | number>;
+    query?: Record<string, string | number | boolean>;
+}
+export declare class HttpClient {
+    private https;
+    private logger;
+    private requestInterceptor;
+    private responseInterceptor;
+    constructor({ baseURL, timeout, headers, logger, requestInterceptor, responseInterceptor, }?: HttpClientOptions);
+    get<T>(url: string | URLMapping, config?: AxiosRequestConfig): Promise<AxiosResponse<T>>;
+    /**
+     * @description
+     * Makes a DELETE request to the specified URL.
+     * @param url - The URL to which the request is sent.
+     * @param config - The config to be used for the request.
+     */
+    delete<T>(url: string | URLMapping, config?: AxiosRequestConfig): Promise<AxiosResponse<T>>;
+    /**
+     * @description
+     * Makes a PATCH request to the specified URL.
+     * @param url - The URL to which the request is sent.
+     * @param data - The data to be sent as the request body.
+     * @param config - The config to be used for the request.
+     */
+    patch<T, B>(url: string | URLMapping, data?: B, config?: AxiosRequestConfig): Promise<AxiosResponse<T>>;
+    /**
+     * @description
+     * Makes a POST request to the specified URL.
+     * @param url - The URL to which the request is sent.
+     * @param data - The data to be sent as the request body.
+     * @param config - The config to be used for the request.
+     */
+    post<T, B>(url: string | URLMapping, data?: B, config?: AxiosRequestConfig): Promise<AxiosResponse<T>>;
+    /**
+     * @description
+     * Makes a PUT request to the specified URL.
+     * @param url The URL to which the request is sent.
+     * @param data The data to be sent as the request body.
+     * @param config The config to be used for the request.
+     */
+    put<T, B>(url: string | URLMapping, data?: B, config?: AxiosRequestConfig): Promise<AxiosResponse<T>>;
+    /**
+     * @description
+     * Removes all interceptors, including the default ones.
+     */
+    removeInterceptors(): void;
+}
+export default HttpClient;

package/dist/providers/logger/index.d.ts

@@ -0,0 +1,24 @@
+export declare enum LogLevel {
+    DEBUG = 0,
+    INFO = 1,
+    WARN = 2,
+    ERROR = 3
+}
+export declare enum LogColors {
+    INFO = "#4caf50",
+    WARN = "#ff9800",
+    ERROR = "#f44336",
+    DEBUG = "#2196f3"
+}
+export declare class Logger {
+    private logLevel;
+    private isDevelopment;
+    private logs;
+    constructor(logLevel?: LogLevel, isDevelopment?: boolean);
+    debug<T>(message: string, ...args: T[]): void;
+    info<T>(message: string, ...args: T[]): void;
+    warn<T>(message: string, ...args: T[]): void;
+    error<T>(message: string, ...args: T[]): void;
+    private log;
+    getLogs(): string[];
+}

package/dist/providers/microfront/index.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { UIArguments } from './types';
+
+/**
+ * @param name - Name of the microfront.
+ * @param Component - Component to be hosted.
+ * @description
+ * This function is used to wrap the microfront component.
+ * It is used to pass the name of the microfront to the component.
+ * Gives a default behavior to the microfront component;
+ *  1. It will render the component only if the microfront is loaded.
+ *  2. It will make a Subscription to send event to appshell to communicate.
+ *  3. It can be used to communicate between microfronts.
+ * @example
+ * export default MicrofrontHost(Courses, '@courses');
+ */
+export declare const MicrofrontHost: React.FC<UIArguments>;

package/dist/providers/microfront/types.d.ts

@@ -0,0 +1,49 @@
+import { ReactNode } from 'react';
+import { UserSystem } from '../../typings';
+import { Root as Info } from '@nectiasw/providers/storage/types';
+import { SidebarProps } from '@nectiasw/components/Sidebar/types';
+
+export interface CommonSignalConnection {
+    info: Info;
+    token: string;
+    user: UserSystem;
+    loading: boolean;
+    expiresAt: string;
+    environment: Record<string, string>;
+    refreshToken: string;
+}
+export type SignalLayoutConnection = (signal?: CommonSignalConnection, loading?: boolean) => boolean;
+export interface UIArguments {
+    app: string;
+    footer?: boolean;
+    layout?: boolean;
+    loading?: boolean;
+    navbar?: SignalLayoutConnection;
+    sidebar?: SignalLayoutConnection;
+    includeNavbarDropdown?: boolean;
+    previousPath?: string | boolean;
+    observerToken?: boolean;
+    observerSignUp?: boolean;
+    environment: Record<string, string>;
+    modalExpired?: boolean;
+    children?: React.ReactNode;
+    navigation?: Pick<SidebarProps, "panel" | "options">;
+}
+export interface MicrofrontProps {
+    args?: UIArguments;
+    signal?: Partial<CommonSignalConnection>;
+    children?: ReactNode;
+    onTakeSignal?: (data: CommonSignalConnection) => void;
+}
+export interface WrappedComponentProps extends MicrofrontProps {
+    args?: UIArguments;
+}
+export type Wrapper = <P extends WrappedComponentProps>(WrappedComponent: React.ComponentType<P>, args: UIArguments) => React.FC<P & MicrofrontProps>;
+export declare enum App {
+    INDEX = "@app/index",
+    WELCOME = "@app/welcome",
+    DASHBOARD = "@app/dashboard",
+    BACKOFFICE = "@app/backoffice",
+    INSCRIPTIONS = "@app/inscriptions",
+    COMMUNICATION = "@app/communication"
+}

package/dist/providers/permissions/index.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { PermissionsProps } from './types';
+
+/**
+ * @description
+ * Component to check if user has permission to see content.
+ * It will check based on signal context and return children if user has permission.
+ * @example
+ * <Permissions allow={["View Dashboard"]}>
+ *  <div>Content</div>
+ * </Permissions>
+ */
+export declare const Permissions: React.FC<PermissionsProps>;

package/dist/providers/permissions/types.d.ts

@@ -0,0 +1,72 @@
+import { UserSystem } from '../../typings';
+import { ContextProps } from '../../context';
+
+/**
+ * @description
+ * Enum of permissions that can be used in the application.
+ */
+export declare enum IN_Permission {
+    CAN_VIEW_CARD = "CAN_VIEW_CARD",
+    SEE_RENDITION = "SEE_RENDITION",
+    DIGIT_RENDITION = "DIGIT_RENDITION",
+    CAN_VIEW_MANTAINER = "CAN_VIEW_MANTAINER",
+    CAN_EDIT_MANTAINER = "CAN_EDIT_MANTAINER",
+    CAN_VIEW_MANAGEMENT = "CAN_VIEW_MANAGEMENT",
+    VISUALIZE_RENDITION = "VISUALIZE_RENDITION",
+    CAN_VIEW_ATTENDANCE = "CAN_VIEW_ATTENDANCE",
+    CAN_ADVANCE_PAYMENT = "CAN_ADVANCE_PAYMENT",
+    CAN_ASSIGN_RESPONSIBLE = "CAN_ASSIGN_RESPONSIBLE",
+    CAN_CREATE_INSCRIPTION = "CAN_CREATE_INSCRIPTION",
+    CAN_VIEW_COURSE_CONTENT = "CAN_VIEW_COURSE_CONTENT",
+    CAN_EDIT_COURSE_CONTENT = "CAN_EDIT_COURSE_CONTENT",
+    CAN_REGISTER_ATTENDANCE = "CAN_REGISTER_ATTENDANCE",
+    CAN_GENERATE_LIQUIDATIONS = "CAN_GENERATE_LIQUIDATIONS",
+    CAN_GENERATE_PURCHASE_ORDER = "CAN_GENERATE_PURCHASE_ORDER",
+    CAN_DOWNLOAD_PURCHASE_ORDER = "CAN_DOWNLOAD_PURCHASE_ORDER",
+    CAN_VIEW_FILTER_RESPONSIBLE = "CAN_VIEW_FILTER_RESPONSIBLE",
+    CAN_VIEW_MOVILIZATION_TRAVEL = "CAN_VIEW_MOVILIZATION_TRAVEL",
+    CAN_RECTIFY_COURSE_FRANCHISE = "CAN_RECTIFY_COURSE_FRANCHISE",
+    CAN_RECTIFY_FINANCING_ACCOUNT = "CAN_RECTIFY_FINANCING_ACCOUNT",
+    CAN_GENERATE_SENCE_LIQUIDATION = "CAN_GENERATE_SENCE_LIQUIDATION",
+    CAN_REPORT_MOVILIZATION_TRAVEL = "CAN_REPORT_MOVILIZATION_TRAVEL",
+    CAN_RECTIFY_COURSE_NO_FRANCHISE = "CAN_RECTIFY_COURSE_NO_FRANCHISE",
+    CAN_GENERATE_SENCE_COMMUNICATION = "CAN_GENERATE_SENCE_COMMUNICATION",
+    CAN_UPDATE_REQUIREMENTS_MANUALLY = "CAN_UPDATE_REQUIREMENTS_MANUALLY"
+}
+export declare enum SP_Permission {
+    CAN_VIEW_MENU = "MOSTRAR_MENU_LATERAL",
+    CAN_CREATE_SYSTEMS = "CREAR_SISTEMAS",
+    CAN_UPDATE_SYSTEMS = "EDITAR_SISTEMAS",
+    CAN_CREATE_PROFILES = "CREAR_PERFILES",
+    CAN_UPDATE_PROFILES = "EDITAR_PERFILES",
+    CAN_CREATE_FUNCTIONS = "CREAR_FUNCIONES",
+    CAN_DELETE_SYSTEMS = "ELIMINAR_SISTEMAS",
+    CAN_VIEW_USERS_LIST = "LISTADO_USUARIOS",
+    CAN_TOGGLE_SYSTEMS = "HABILITAR_SISTEMAS",
+    CAN_DELETE_PROFILES = "ELIMINAR_PERFILES",
+    CAN_DELETE_FUNCTIONS = "ELIMINAR_FUNCIONES",
+    CAN_VIEW_SYSTEMS_LIST = "LISTADO_DE_SISTEMAS",
+    CAN_VIEW_PROFILES_LIST = "LISTADO_DE_PERFILES",
+    CAN_UPDATE_USER_INFO = "EDITAR_INFORMACION_USUARIO",
+    CAN_ASSIGN_TEMPORARY_PERMISSION = "ASIGNAR_PERMISOS_TEMPORALES",
+    CAN_DELETE_TEMPORARY_PERMISSION = "ELIMINAR_PERMISOS_TEMPORALES"
+}
+export type PermissionsProps = {
+    allow?: IN_Permission[] | SP_Permission[];
+    system?: string;
+    systems?: string[];
+    passport?: boolean;
+    children?: React.ReactNode;
+    inject?: ContextProps["user"];
+};
+export type AuthorizationFilterArgs = {
+    allow: IN_Permission[] | SP_Permission[];
+    user: UserSystem;
+    system?: string;
+};
+export type AuthorizationSystemFlag = {
+    user: UserSystem;
+    systems: string[];
+    passport: boolean;
+};
+export type AuthorizationProps = (args: AuthorizationFilterArgs) => boolean;

package/dist/providers/permissions/utils.d.ts

@@ -0,0 +1,12 @@
+import { AuthorizationProps, AuthorizationSystemFlag } from './types';
+
+/**
+ * @description
+ * Function to check if a user has the required permissions.
+ * It verifies user permissions based on the provided properties and returns a boolean indicating permission status.
+ * @example
+ * authorization({ allow: ["View Dashboard"], user: signal.user, sys?: "Integra Negocio" })
+ */
+export declare const authorization: AuthorizationProps;
+export declare const checkSystems: ({ user, passport, systems, }: AuthorizationSystemFlag) => boolean;
+export declare const defaultSystem = "Integra Negocio";

package/dist/providers/storage/crypto.d.ts

@@ -0,0 +1 @@
+export declare const secretKey = "HA6NDXoc9#!cC\u00A7pY";

package/dist/providers/storage/index.d.ts

@@ -0,0 +1,5 @@
+import { create } from 'zustand';
+
+export declare const createRef: typeof create;
+export declare const resetAllStores: () => void;
+export { useSessionStore, initialState } from './session';

package/dist/providers/storage/session/index.d.ts

@@ -0,0 +1,54 @@
+import { Response, UserSystem } from '../../../typings';
+import { HttpClient, HttpClientOptions } from '@nectiasw/providers/https';
+import { Root as Info } from '../types';
+
+type Session = {
+    token?: string | null;
+    expiresAt?: string | null;
+    refreshToken?: string | null;
+};
+type State = {
+    info: Info | null;
+    error: Error | null;
+    session: Session | null;
+    user: UserSystem | null;
+    api: HttpClient | null;
+    active?: boolean;
+    hasHydrated: boolean;
+};
+type Actions = {
+    reset: () => void;
+    setHydrated: (hydrated: boolean) => void;
+    setHttp: (api: HttpClientOptions) => void;
+    setError: (error: Error) => void;
+    setUser: (user?: Session) => Promise<void>;
+    sync: (token?: Session["token"], refreshToken?: Session["refreshToken"]) => Promise<void>;
+    attempt: (rehydrate?: boolean, args?: Partial<Session>) => Promise<AttemptResponse | void>;
+    login: (token: string, refreshToken: string) => Promise<AttemptResponse | void>;
+};
+type AttemptResponse = Response<UserSystem & {
+    token: string;
+}>;
+export declare const initialState: State;
+/**
+ * @description
+ * This store is used to store the session data.
+ *  - token
+ *  - refreshToken
+ */
+export declare const useSessionStore: import('zustand').UseBoundStore<Omit<Omit<import('zustand').StoreApi<State & Actions>, "setState"> & {
+    setState<A extends string | {
+        type: string;
+    }>(partial: (State & Actions) | Partial<State & Actions> | ((state: State & Actions) => (State & Actions) | Partial<State & Actions>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<State & Actions, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: State & Actions) => void) => () => void;
+        onFinishHydration: (fn: (state: State & Actions) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<State & Actions, unknown>>;
+    };
+}>;
+export {};

package/dist/providers/storage/types.d.ts

@@ -0,0 +1,32 @@
+export interface Root {
+    exp: number;
+    iat: number;
+    jti: string;
+    iss: string;
+    aud: string;
+    sub: string;
+    typ: string;
+    azp: string;
+    session_state: string;
+    acr: string;
+    "allowed-origins": string[];
+    realm_access: RealmAccess;
+    resource_access: ResourceAccess;
+    scope: string;
+    sid: string;
+    email_verified: boolean;
+    name: string;
+    preferred_username: string;
+    given_name: string;
+    family_name: string;
+    email: string;
+}
+export interface RealmAccess {
+    roles: string[];
+}
+export interface ResourceAccess {
+    account: Account;
+}
+export interface Account {
+    roles: string[];
+}

package/dist/utils/bearer/index.d.ts

@@ -0,0 +1,6 @@
+/**
+* @description
+* Create a Bearer token.
+* @param token - Token to be used in the Bearer header.
+*/
+export declare function bearer(token: string): string;

package/dist/utils/microfront/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ *
+ * @param realm_access - User roles.
+ */
+export declare const assign: (realm_access: string[]) => string;
+export declare const now: () => number;
+export declare const every: (minutes: number) => number;
+export declare const renderName: (name?: string) => string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nectiasw",
   "private": false,
-  "version": "0.0.13",
+  "version": "0.0.15",
   "type": "module",
   "types": "dist/index.d.ts",
   "main": "dist/index.umd.js",
@@ -34,7 +34,10 @@
     "autoprefixer": "^10.4.19",
     "axios": "^1.7.2",
     "clsx": "^2.1.1",
+    "crypto-js": "^4.2.0",
     "date-fns": "^3.6.0",
+    "history": "^5.3.0",
+    "jwt-decode": "^4.0.0",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
     "nectiasw": "^0.0.4",
@@ -48,13 +51,19 @@
     "react-icons": "^5.2.1",
     "react-select": "^5.7.2",
     "react-spinners-kit": "^1.9.1",
+    "rut.js": "^2.1.0",
+    "rxjs": "^7.8.1",
+    "single-spa": "^6.0.1",
     "styled-components": "^6.1.12",
+    "sweetalert2": "^11.12.3",
     "tailwindcss": "^3.4.7",
     "tailwindcss-classnames": "^3.1.0",
     "uuid": "^10.0.0",
-    "vite-plugin-dts": "^4.0.0-beta.1"
+    "vite-plugin-dts": "^4.0.0-beta.1",
+    "zustand": "^4.5.4"
   },
   "devDependencies": {
+    "@types/crypto-js": "^4.2.2",
     "@types/lodash": "^4.17.7",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",

package/dist/components/index.d.ts

@@ -1,62 +0,0 @@
-export { Box } from './Box';
-export type { BoxProps } from './Box';
-export { Row } from './Row';
-export type { RowProps } from './Row';
-export { Chart } from './Chart';
-export type { ChartProps } from './Chart';
-export { Modal } from './Modal';
-export type { ModalProps } from './Modal';
-export { Checkbox } from './Checkbox';
-export type { CheckboxProps } from './Checkbox';
-export { Dropdown } from './Dropdown';
-export type { DropdownProps } from './Dropdown';
-export { Flex, FlexItem } from './Flex';
-export type { FlexProps, FlexItemProps } from './Flex';
-export { Select } from './Select';
-export type { SelectProps } from './Select';
-export { Switch } from './Switch';
-export type { SwitchProps } from './Switch';
-export { Datepicker } from './Datepicker';
-export type { DatepickerProps } from './Datepicker';
-export { RadioButton } from './RadioButton';
-export type { RadioButtonProps } from './RadioButton';
-export { Text, Error, Title, Success, Subtitle, Description } from './Text';
-export type { CommonTextProps } from './Text';
-export { Input } from './Input';
-export { InputTable } from './Input/variants/InputTable';
-export type { InputProps } from './Input';
-export { TableInput } from './Tableinput';
-export { InputMode } from './Tableinput/types';
-export type { TableInputProps } from './Tableinput';
-export { Tooltip } from './Tooltip';
-export type { TooltipProps } from './Tooltip';
-export { TextArea } from './Textarea';
-export type { TextAreaProps } from './Textarea';
-export { Grid, Colspan } from './Grid';
-export type { GridProps, ColspanProps } from './Grid';
-export { Counter } from './Counter';
-export type { CounterProps } from './Counter';
-export { Container } from './Container';
-export type { ContainerProps } from './Container';
-export { Empty } from './Empty';
-export type { EmptyProps } from './Empty';
-export { Loading } from './Loading';
-export type { LoadingProps } from './Loading';
-export { SingleDeadlineChart } from './DeadlineChart';
-export type { SingleDeadlineChartProps, } from './DeadlineChart';
-export { Collapse } from './Collapse';
-export type { CollapseProps } from './Collapse';
-export type { BadgeProps } from './Badge';
-export { Badge } from './Badge';
-export { BadgeStatus } from './Badge/types';
-export { Search } from './Search';
-export { ScrollSearch } from './Search/variants/ScrollSearch';
-export type { SearchItem, SearchProps, ScrollSearchProps, Client, PendingClientElement, Placeholder } from './Search/types';
-export { Pagination } from './Pagination';
-export type { PaginationProps } from './Pagination/types';
-export { Card, DangerTitle, AlertTitle, CheckTitle } from './Card';
-export type { CardProps, CardTitleProps } from './Card/types';
-export { Button } from './Button';
-export type { ButtonProps, ButtonStyledProps } from './Button/types';
-export { TotalHours } from './Totalhours';
-export type { TotalHoursProps } from './Totalhours';