@omniumretail/shared-resources 0.3.78 → 0.3.81

package/dist/types/index.d.ts

@@ -1,10 +1,2 @@
-export { Form } from 'antd';
-export * from './interfaces';
-export * from './services';
-export * from './components';
-export * from './constants';
-export * from './hooks';
-export * from './enums';
-export * from './helpers';
-import './global.scss';
-import './a2ai.scss';
+export * from '../index'
+export {}

package/package.json

@@ -1,47 +1,36 @@
 {
   "name": "@omniumretail/shared-resources",
-  "version": "0.3.78",
+  "version": "0.3.81",
   "private": false,
   "description": "Shared Components and services or utils to the frontend versions",
-  "main": "dist/bundle.js",
-  "typings": "./dist/types/index",
+  "main": "dist/shared-resources.umd.js",
+  "module": "dist/shared-resources.es.js",
+  "types": "dist/types/index.d.ts",
   "scripts": {
-    "prepublish": "rm -rf ./dist && npm run build",
-    "start": "webpack -w",
-    "build": "webpack",
+    "build": "vite build",
+    "dev": "vite",
+    "prepublish": "rd /s /q .\\dist && yarn build",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "",
   "license": "ISC",
   "devDependencies": {
     "@types/react": "^18.0.21",
-    "@typescript-eslint/eslint-plugin": "^5.38.1",
-    "@typescript-eslint/parser": "^5.38.1",
-    "css-loader": "^6.7.1",
-    "eslint": "^8.24.0",
-    "file-loader": "^6.2.0",
+    "@vitejs/plugin-react": "^5.0.0",
     "sass": "^1.55.0",
-    "sass-loader": "^13.0.2",
-    "style-loader": "^3.3.1",
-    "ts-loader": "^9.4.1",
+    "tsconfig-paths": "^4.2.0",
     "typescript": "^4.8.3",
-    "url-loader": "^4.1.1",
-    "webpack": "^5.74.0",
-    "webpack-cli": "^5.1.4"
+    "vite": "^7.1.2",
+    "vite-plugin-dts": "^4.5.4"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.2.0",
-    "@fortawesome/free-solid-svg-icons": "^6.2.0",
-    "@fortawesome/react-fontawesome": "^0.2.0",
     "@tanstack/react-query": "^4.29.19",
     "antd": "^4.23.4",
     "classnames": "^2.3.2",
-    "date-fns": "^2.29.3",
-    "moment": "^2.29.4",
+    "dayjs": "^1.11.10",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-router-dom": "^6.4.1",
-    "terser-webpack-plugin": "^5.3.9",
     "whatwg-fetch": "^3.6.2"
   }
-}
+}

package/src/components/Header/index.tsx

@@ -1,5 +1,4 @@
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { icons,  } from '../../constants/Icons';
+import { MenuOutlined, UserOutlined } from '@ant-design/icons';
 import sitooIcon from '../../assets/sitoo.svg';
 import styles from './styles.module.scss';
 
@@ -8,13 +7,13 @@ export interface HeaderProps {
 }
 
 export const Header = ({ onOpenMenu }: HeaderProps) => (
-    <div className={ styles.header }>
-        <FontAwesomeIcon icon={ icons.faBars } onClick={ onOpenMenu } />
+    <div className={styles.header}>
+        <MenuOutlined onClick={onOpenMenu} />
 
-        <div className={ styles.logoContainer }>
-            <img src={ sitooIcon } />
+        <div className={styles.logoContainer}>
+            <img src={sitooIcon} alt="Logo" />
         </div>
 
-        <FontAwesomeIcon icon={ icons.faUserTie } />
+        <UserOutlined />
     </div>
 );

package/src/constants/index.ts

@@ -1,2 +1 @@
 export * from './QueryClient'
-export * from './Icons';

package/src/helpers/date-unix.helper.ts

@@ -8,22 +8,22 @@ export const getDateFromUnix = <T = Dayjs | string | null>(unixDate: number, for
 }
 
 export const getDateToUnix = (date: Date): number | null => {
-    return date ? moment(date).unix() : null;
-}
+    return date ? dayjs(date).unix() : null;
+};
 
 export const getUnixFromDateString = (dateString: string): number | null => {
     const date = dayjs(dateString, 'YYYY-MM-DD');
-    
+
     return date.isValid() ? date.unix() : null;
 }
 
-export const getDateStringToUnix = (dateUnix: number) => {    
+export const getDateStringToUnix = (dateUnix: number) => {
     const dateObject = new Date(dateUnix * 1000);
 
     const day = dateObject?.getDate()?.toString()?.padStart(2, '0');
     const month = (dateObject?.getMonth() + 1)?.toString()?.padStart(2, '0');
     const year = dateObject?.getFullYear();
-    
+
     return `${day}/${month}/${year}`;
 }
 

package/src/helpers/formatted-date.helper.ts

@@ -1,15 +1,11 @@
-import moment from 'moment';
+import dayjs from 'dayjs';
 
 export const getFormattedDate = (seconds: number, defaultValue = ''): string => {
-    if (!seconds) {
-        return defaultValue;
-    }
-    const date = new Date();
-    date.setUTCSeconds(seconds);
-    const finalDate = moment();
-    finalDate.set('minutes', date.getUTCMinutes());
-    finalDate.set('seconds', date.getUTCSeconds());
-    finalDate.set('hours', date.getUTCHours());
+  if (!seconds) return defaultValue;
 
-    return finalDate.format('HH:mm');
-}
+  // Converte segundos para milissegundos
+  const date = dayjs.unix(seconds);
+
+  // Formata para HH:mm
+  return date.format('HH:mm');
+};

package/src/interfaces/Permissions.ts

@@ -1,13 +1,15 @@
 export interface Permissions {
-    Id: string;
-    RoleName: string;
-    Permission: string;
-    Description: string;
-    Status: string;
-      Tags: string[];
+  Id: string;
+  RoleNames: string[];
+  RoleName: string;
+  Permissions: string[];
+  Permission: string;
+  Description: string;
+  Status: string;
+  Tags: string[];
 }
 
-export interface Applications{
+export interface Applications {
   Application: string;
   ApplicationKey: string;
   PermissionsCount: number;

package/tsconfig.json

@@ -1,27 +1,24 @@
 {
   "compilerOptions": {
-    "target": "es5",
+    "target": "ES2020",
     "outDir": "./dist",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "skipLibCheck": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
     "strict": false,
-    "strictNullChecks": false,
     "forceConsistentCasingInFileNames": true,
     "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
+    "module": "ESNext",
     "moduleResolution": "node",
     "declaration": true,
     "declarationDir": "./dist/types",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "noEmit": false,
     "sourceMap": true,
     "jsx": "react-jsx",
     "experimentalDecorators": true,
-    "downlevelIteration": true,
+    "downlevelIteration": true
   },
   "include": ["src"]
 }

package/vite.config.js

@@ -0,0 +1,47 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+import dts from 'vite-plugin-dts';
+
+export default defineConfig({
+  plugins: [
+    react(),
+    dts({ insertTypesEntry: true }),
+  ],
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.ts'),
+      name: 'SharedResources',
+      fileName: (format) => `shared-resources.${format}.js`,
+      formats: ['umd'],
+    },
+    rollupOptions: {
+      external: [
+        'react',
+        'react-dom',
+        'react-router-dom',
+        '@tanstack/react-query',
+      ],
+      output: {
+        globals: {
+          react: "react",
+          "react-dom": "react-dom",
+          "react-router-dom": "react-router-dom",
+          "@tanstack/query-core": "@tanstack/query-core",
+        },
+      },
+    },
+    sourcemap: true,
+  },
+  resolve: {
+    extensions: ['.js', '.ts', '.tsx', '.jsx'],
+  },
+  css: {
+    modules: {
+      localsConvention: 'camelCase',
+    },
+    preprocessorOptions: {
+      scss: {},
+    },
+  },
+});