aquasis-fe-components 1.0.0

package/dist/i18n/locales/pt.json.d.ts

@@ -0,0 +1,37 @@
+declare const _default: {
+  "translation": {
+    "HELPDESK": {
+      "ERRORS_CODE": {
+        "DATATYPE_MISMATCH": "Deve conter apenas elementos do tipo de formato de arquivo válido.",
+        "INVALID_VALUE": "Valor inválido"
+      },
+      "FORM": {
+        "BUTTONS": {
+          "SEND": "Enviar"
+        },
+        "FIELDS": {
+          "ATTACHMENTS": "Anexos",
+          "DESCRIPTION": "Descrição",
+          "DESCRIPTION_PLACEHOLDER": "Insira a descrição...",
+          "EMAIL": "Email",
+          "EMAIL_PLACEHOLDER": "Insira o seu email…",
+          "NAME": "$t(Name)",
+          "NAME_PLACEHOLDER": "Insira seu nome...",
+          "SUBJECT": "Assunto",
+          "SUBJECT_PLACEHOLDER": "Insira o assunto...",
+          "TITLE": "Contacte-nos",
+          "UPLOAD_FILES": "<strong>Carregar ficheiro(s) (max. 5)</strong><br/><small>Clique para adicionar ou arraste e solte os ficheiros.</small>"
+        },
+        "TITLE": "Bem-vindo ao apoio"
+      },
+      "SUPPORT": "Apoio",
+      "TABLE": {
+        "CODE": "Mensagem",
+        "FIELD": "Campo"
+      }
+    }
+  }
+}
+;
+
+export default _default;

package/dist/i18n/locales/ro.json.d.ts

@@ -0,0 +1,37 @@
+declare const _default: {
+  "translation": {
+    "HELPDESK": {
+      "ERRORS_CODE": {
+        "DATATYPE_MISMATCH": "Ar trebui să conțină doar elemente de tip format de fișier valid",
+        "INVALID_VALUE": "Valoare invalida"
+      },
+      "FORM": {
+        "BUTTONS": {
+          "SEND": "Trimite"
+        },
+        "FIELDS": {
+          "ATTACHMENTS": "Atașamente",
+          "DESCRIPTION": "Descriere",
+          "DESCRIPTION_PLACEHOLDER": "Introduceți descrierea...",
+          "EMAIL": "Email",
+          "EMAIL_PLACEHOLDER": "Introduceți e-mailul dvs...",
+          "NAME": "$t(Name)",
+          "NAME_PLACEHOLDER": "Introduceți numele dvs...",
+          "SUBJECT": "Subiect",
+          "SUBJECT_PLACEHOLDER": "Introduceți subiectul...",
+          "TITLE": "Contactaţi-ne",
+          "UPLOAD_FILES": "<strong>Încărcați fișiere (max. 5)</strong><br/><small>Faceți clic pentru a adăuga sau trage și plasați fișiere.</small>"
+        },
+        "TITLE": "Bun venit la sprijin"
+      },
+      "SUPPORT": "A sustine",
+      "TABLE": {
+        "CODE": "Mesaj",
+        "FIELD": "Camp"
+      }
+    }
+  }
+}
+;
+
+export default _default;

package/dist/index.css

@@ -0,0 +1 @@
+.helpdesk__container .ant-card .ant-card-body{height:100%;max-height:80dvh;overflow-y:auto}.helpdesk__content{border-radius:10px;padding:10px;max-width:400px;background-color:#f7f7f7}.helpdesk__title{padding:10px 16px}.helpdesk__title.ant-typography{color:#60c5cf}.helpdesk__fields-files{flex-direction:column;margin-top:10px;width:100%}.helpdesk__fields-files .ant-upload-list{margin-top:5px;width:100%}body.dark .helpdesk__content{background-color:#333}.form__item-multiTable .ant-transfer-list-body-customize-wrapper{overflow-y:auto}*{padding:0;margin:0;box-sizing:border-box}body{height:100vh;width:100vw;overflow:hidden;background-color:#fff}body #root{height:100%}body ::placeholder{color:#919191}body .map-container{height:90dvh;width:100%}body .map-container canvas{border-radius:8px}body .map-widgets-wrapper{padding:0;min-width:400px;max-height:540px;overflow-y:auto}body .page__title-container{margin:0;padding:10px 20px;height:auto;border-bottom:1px solid rgba(5,5,5,.06)}body .page__title-container h1,body .page__title-container h2,body .page__title-container h3,body .page__title-container h4,body .page__title-container h5{color:#60c5cf;margin:0}body .recaptcha{display:flex;justify-content:center;width:100%;margin-bottom:24px}body .ant-layout-sider-trigger{border-right:1px solid rgba(5,5,5,.06)}body .ant-skeleton.ant-skeleton-element,body .ant-skeleton.ant-skeleton-element .ant-skeleton-image{width:100%;height:100%}body .filter__buttons{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}body .ant-form-item .ant-form-item-control-input{min-height:32px}body .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content{display:flex}body .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-upload-wrapper{display:flex;align-items:center}body .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-upload-wrapper .ant-upload-list-item{margin:0 0 0 10px}body .avatar-uploader.ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload,body .avatar-uploader.ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-select{margin-inline-end:0;margin-bottom:0}body .avatar-uploader .float-btn{opacity:0;position:absolute;bottom:3px;left:40%;transition:opacity .5s ease;display:flex;justify-content:center;align-items:center}body .avatar-uploader .float-btn-container{width:100%;height:100%;display:flex;justify-content:center}body .avatar-uploader .float-btn-container:hover .float-btn{opacity:1}body .rule-form-badge{margin-right:5px}body .rule-form-badge.ant-badge.ant-badge-status .ant-badge-status-dot{width:20px;height:20px}body .skeleton__loading{height:100%}body .ant-list-items .ant-list-item .ant-list-item-action{margin-inline-start:12px}body .ant-notification .ant-notification-notice.table-notification{min-width:500px}body .ant-notification .ant-notification-notice.notification-error{width:250px;padding:14px 16px}body .ant-notification .ant-notification-notice.notification-error .ant-notification-notice-icon{font-size:20px}body .ant-notification .ant-notification-notice.notification-error .ant-notification-notice-close{top:14px;right:14px}body .ant-notification .ant-notification-notice.notification-error .ant-notification-notice-message{font-size:14px;margin-inline-start:30px}body .ant-notification .ant-notification-notice.notification-error .ant-notification-notice-description{font-size:12px;margin-inline-start:30px}body .ant-spin-nested-loading,body .ant-spin-nested-loading .ant-spin-container{height:100%;width:100%}body .ant-skeleton.ant-skeleton-element.custom-skeleton{display:flex}body .esri-attribution{display:none}body.dark{background-color:#333}body.dark .ant-layout-sider-trigger{border-right:1px solid rgba(253,253,253,.12)}body.dark .page__title-container{border-bottom:1px solid rgba(253,253,253,.12)}body.dark .ant-popover .ant-popover-arrow{--antd-arrow-background-color: #3b3b3b}body.dark .ant-popover .ant-popover-content .ant-popover-inner{background-color:#3b3b3b}body.dark .ant-badge .ant-badge-count{color:#fff;box-shadow:0 0 0 1px #3b3b3b}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+import { ConnectedHelpdesk as Helpdesk } from './lib/Helpdesk/HelpdeskConnector';
+export { Helpdesk };

package/dist/lib/Helpdesk/HelpdeskConnector.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const ConnectedHelpdesk: import("react-redux").ConnectedComponent<import("react").FC<import("./index").HelpdeskProps>, {
+    size?: import("antd/es/button").ButtonSize;
+    context?: import("react").Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null> | undefined;
+    store?: import("redux").Store<any, import("redux").UnknownAction, unknown> | undefined;
+}>;
+export { ConnectedHelpdesk };

package/dist/lib/Helpdesk/HelpdeskContent/index.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    onCancel?: () => void;
+};
+export declare const HelpdeskContent: ({ onCancel }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/Helpdesk/index.d.ts

@@ -0,0 +1,6 @@
+import { SizeType } from "antd/es/config-provider/SizeContext";
+import { FC } from "react";
+export interface HelpdeskProps {
+    size?: SizeType;
+}
+export declare const Helpdesk: FC<HelpdeskProps>;

package/dist/services/HelpdeskServices.d.ts

@@ -0,0 +1,2 @@
+import { CreateTicketPayload } from '../types/helpdesk';
+export declare const createTicket: ({ appName, ...payload }: CreateTicketPayload) => Promise<import("axios").AxiosResponse<any, any>>;

package/dist/services/HttpClient.d.ts

@@ -0,0 +1,3 @@
+import { AxiosInstance } from "axios";
+declare const api: AxiosInstance;
+export default api;

package/dist/store/index.d.ts

@@ -0,0 +1,5 @@
+export declare const store: import("@reduxjs/toolkit").EnhancedStore<{}, never, import("@reduxjs/toolkit").Tuple<[import("redux").StoreEnhancer<{
+    dispatch: import("redux-thunk").ThunkDispatch<{}, undefined, import("redux").UnknownAction>;
+}>, import("redux").StoreEnhancer]>>;
+export type RootState = ReturnType<typeof store.getState>;
+export type AppDispatch = typeof store.dispatch;

package/dist/store/reducers/index.d.ts

@@ -0,0 +1,2 @@
+declare const rootReducer: import("redux").Reducer<{}, never, Partial<{}>>;
+export default rootReducer;

package/dist/store/storage.d.ts

@@ -0,0 +1,5 @@
+export declare class LocalStorage {
+    static get<T>(key: string): T;
+    static set: (key: string, value: any) => void;
+    static remove: (key: string) => void;
+}

package/dist/themes/dark.data.d.ts

@@ -0,0 +1,20 @@
+export declare const Dark: {
+    ColorPrimary: string;
+    PrimaryColorText: string;
+    ColorTextQuaternary: string;
+    PrimaryColorBgContainer: string;
+    SecondaryBorderColor: string;
+    ColorBgHeader: string;
+    ColorBgContent: string;
+    ColorBgActive: string;
+    ColorBgChartBtn: string;
+    DisabledColor: string;
+    ChartDefColor: string;
+    ChartSecColor: string;
+    NeutralColor1: string;
+    NeutralColor2: string;
+    NeutralColor3: string;
+    ColorBgTrigger: string;
+    ColorWhite: string;
+    ColorLinkHover: string;
+};

package/dist/themes/index.d.ts

@@ -0,0 +1,5 @@
+import { ThemeConfig } from "antd";
+import { Light } from "./light.data";
+export type ColorsThemeKey = typeof Light;
+export declare const DarkTheme: ThemeConfig;
+export declare const LightTheme: ThemeConfig;

package/dist/themes/light.data.d.ts

@@ -0,0 +1,20 @@
+export declare const Light: {
+    ColorPrimary: string;
+    PrimaryColorText: string;
+    ColorTextQuaternary: string;
+    PrimaryColorBgContainer: string;
+    SecondaryBorderColor: string;
+    ColorBgHeader: string;
+    ColorBgContent: string;
+    ColorBgActive: string;
+    ColorBgChartBtn: string;
+    DisabledColor: string;
+    ChartDefColor: string;
+    ChartSecColor: string;
+    NeutralColor1: string;
+    NeutralColor2: string;
+    NeutralColor3: string;
+    ColorBgTrigger: string;
+    ColorWhite: string;
+    ColorLinkHover: string;
+};

package/dist/types/app.d.ts

@@ -0,0 +1,10 @@
+export type FlagType = "EN" | "ES" | "PT" | "RO" | "JP" | "BR";
+declare global {
+    interface Window {
+        baseUrl: string;
+    }
+}
+export type AppIdsType = {
+    "426E659E-F4EF-496A-9DC8-97C6580382E8": "flowise";
+    "26EE36AF-E3AB-41B0-9AB6-BE8BC95CAC33": "meterwise";
+};

package/dist/types/helpdesk.d.ts

@@ -0,0 +1,43 @@
+import { HelpdeskFields } from '../enums/helpdesk';
+import { RcFile } from "antd/es/upload";
+export interface HelpdeskFormValues {
+    [HelpdeskFields.Name]: string;
+    [HelpdeskFields.Email]: string;
+    [HelpdeskFields.Subject]: string;
+    [HelpdeskFields.Description]: string;
+    [HelpdeskFields.Attachments]: RcFile[];
+}
+export interface TicketField {
+    name: string;
+    position: number;
+    required_for_closure: boolean;
+    required_for_agents: boolean;
+    type: string;
+    default: boolean;
+    customers_can_edit: boolean;
+    customers_can_filter: boolean;
+    label_for_customers: string;
+    required_for_customers: boolean;
+    displayed_to_customers: boolean;
+    belongs_to_section: boolean;
+    id: number;
+    label: string;
+    description?: string;
+    created_at: string;
+    updated_at: string;
+    portal_cc?: boolean;
+    portal_cc_to?: string;
+    choices?: string[];
+}
+export interface CreateTicketPayload extends HelpdeskFormValues {
+    appName: string;
+}
+export interface HelpdeskError {
+    description: string;
+    errors: HelpdeskErrorDetail[];
+}
+export interface HelpdeskErrorDetail {
+    field: string;
+    message: string;
+    code: string;
+}

package/package.json

@@ -0,0 +1,112 @@
+{
+  "name": "aquasis-fe-components",
+  "private": false,
+  "version": "1.0.0",
+  "type": "module",
+  "license": "ISC",
+  "author": "Ewerton Souza",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "updPatchVersion": "npm version patch --no-git-tag-version",
+    "prepublish": "yarn build && git push && git push --tags && npm publish"
+  },
+  "peerDependencies": {
+    "react": "18.x",
+    "react-dom": "18.x"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "dist/aquasis-fe-components.umd.cjs",
+  "module": "dist/aquasis-fe-components.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "default": "./dist/aquasis-fe-components.js",
+        "types": "./dist/index.d.ts"
+      },
+      "require": {
+        "default": "./dist/aquasis-fe-components.umd.cjs",
+        "types": "./dist/index.d.ts"
+      }
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AQUASISPT/FrontendComponents.git"
+  },
+  "keywords": [
+    "react"
+  ],
+  "homepage": "https://github.com/AQUASISPT/FrontendComponents",
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ],
+    "eslintConfig": {
+      "env": {
+        "browser": true,
+        "node": true,
+        "es2020": true
+      },
+      "extends": [
+        "eslint:recommended",
+        "plugin:react/recommended"
+      ],
+      "parserOptions": {
+        "sourceType": "module"
+      }
+    }
+  },
+  "devDependencies": {
+    "@types/node": "^20.11.16",
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
+    "@typescript-eslint/parser": "^6.14.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.55.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "json": "^11.0.0",
+    "sass": "^1.70.0",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.8"
+  },
+  "dependencies": {
+    "@ant-design/icons": "^5.3.0",
+    "@fortawesome/fontawesome-svg-core": "^6.5.2",
+    "@fortawesome/free-regular-svg-icons": "^6.5.2",
+    "@fortawesome/free-solid-svg-icons": "^6.5.2",
+    "@fortawesome/react-fontawesome": "^0.2.1",
+    "@reduxjs/toolkit": "^2.2.5",
+    "@types/hoist-non-react-statics": "^3.3.5",
+    "@uidotdev/usehooks": "^2.4.1",
+    "antd": "^5.13.3",
+    "axios": "^1.7.0",
+    "dayjs": "^1.11.11",
+    "hoist-non-react-statics": "^3.3.2",
+    "i18next": "^23.11.4",
+    "i18next-browser-languagedetector": "^8.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-i18next": "^14.1.1",
+    "react-redux": "^9.1.2",
+    "redux": "^5.0.1",
+    "scss": "^0.2.4",
+    "universal-cookie": "^7.1.4",
+    "vite-plugin-dts": "^3.7.2",
+    "vite-plugin-lib-inject-css": "^2.1.1"
+  }
+}