aq-fe-framework 0.1.154 → 0.1.156

package/dist/chunk-KWCUUD5Z.mjs

@@ -0,0 +1,235 @@
+// src/utils/utils_converter.ts
+var utils_converter_getLabelByValue = (data, value) => {
+  const numericValue = Number(value);
+  return data[numericValue] || "Kh\xF4ng x\xE1c \u0111\u1ECBnh";
+};
+var utils_converter_getKeyByValue = (obj, value) => {
+  var _a;
+  return (_a = Object.entries(obj).find(([_, v]) => v === value)) == null ? void 0 : _a[0];
+};
+function utils_converter_enumToSelectOptions(enumObject) {
+  const result = [];
+  const numericEnumKeys = Object.keys(enumObject).filter((key) => isNaN(Number(key)));
+  for (const key of numericEnumKeys) {
+    const enumValue = enumObject[key];
+    if (typeof enumValue === "number") {
+      result.push({
+        value: String(enumValue),
+        label: key
+      });
+    }
+  }
+  return result;
+}
+
+// src/utils/utils_currency.ts
+function utils_currency_formatWithSuffix(amount, suffix = "") {
+  const formatter = new Intl.NumberFormat("vi-VN");
+  const formattedAmount = formatter.format(amount);
+  return `${formattedAmount}${suffix}`;
+}
+
+// src/utils/utils_date.ts
+function U0DateToDDMMYYYString(date) {
+  if (!(date instanceof Date) || isNaN(date.getTime())) return "";
+  const day = String(date.getDate()).padStart(2, "0");
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const year = date.getFullYear();
+  return `${day}/${month}/${year}`;
+}
+function utils_date_dateToDDMMYYYString(date) {
+  const day = String(date.getDate()).padStart(2, "0");
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const year = date.getFullYear();
+  return `${day}/${month}/${year}`;
+}
+function utils_date_formatToDateTimeStartEnd(startDate, endDate) {
+  const startday = String(startDate.getDate()).padStart(2, "0");
+  const startmonth = String(startDate.getMonth() + 1).padStart(2, "0");
+  const startyear = startDate.getFullYear();
+  const starthour = String(startDate.getHours()).padStart(2, "0");
+  const startminute = String(startDate.getMinutes()).padStart(2, "0");
+  const endhour = String(endDate.getHours()).padStart(2, "0");
+  const endminuate = String(endDate.getMinutes()).padStart(2, "0");
+  return `${startday}/${startmonth}/${startyear}  [${starthour}:${startminute} - ${endhour}:${endminuate}]`;
+}
+function utils_date_getHHmm(date) {
+  if (!(date instanceof Date) || isNaN(date.getTime())) return "";
+  const hour = String(date.getHours()).padStart(2, "0");
+  const minute = String(date.getMinutes()).padStart(2, "0");
+  return `${hour}:${minute}`;
+}
+
+// src/utils/utils_excel.ts
+import saveAs from "file-saver";
+function isObjectPath(path) {
+  return /^[a-zA-Z_$][a-zA-Z0-9_$]*(\.[a-zA-Z_$][a-zA-Z0-9_$]*)+$/.test(path);
+}
+function getValueByPath(obj, path) {
+  if (isObjectPath(path)) {
+    return path.split(".").reduce((acc, key) => acc == null ? void 0 : acc[key], obj);
+  }
+  return obj == null ? void 0 : obj[path];
+}
+async function utils_excel_exportExcel({
+  workbook,
+  sheetName,
+  data,
+  config
+}) {
+  const sheet = workbook.addWorksheet(sheetName);
+  const fieldKeys = config.map((item) => String(item.fieldKey));
+  const headerMappings = {};
+  const markedColumns = [];
+  config.forEach((item) => {
+    const fieldKeyStr = String(item.fieldKey);
+    headerMappings[fieldKeyStr] = item.fieldName;
+    if (item.isRequired) markedColumns.push(fieldKeyStr);
+  });
+  sheet.columns = fieldKeys.map((fieldKey) => ({
+    key: fieldKey,
+    width: 20
+  }));
+  const displayRow = sheet.addRow(
+    fieldKeys.map(
+      (fieldKey) => markedColumns.includes(fieldKey) ? `${headerMappings[fieldKey]} *` : headerMappings[fieldKey] || fieldKey
+    )
+  );
+  const keyRow = sheet.addRow(fieldKeys);
+  data.forEach((item) => {
+    const rowData = {};
+    fieldKeys.forEach((fieldKey) => {
+      rowData[fieldKey] = getValueByPath(item, fieldKey);
+    });
+    sheet.addRow(rowData);
+  });
+  for (let i = 1; i <= fieldKeys.length; i++) {
+    const cell = displayRow.getCell(i);
+    cell.font = { bold: true };
+    cell.fill = {
+      type: "pattern",
+      pattern: "solid",
+      fgColor: { argb: "FFE0E0E0" }
+    };
+  }
+  for (let i = 1; i <= fieldKeys.length; i++) {
+    const cell = keyRow.getCell(i);
+    cell.font = { italic: true };
+    cell.fill = {
+      type: "pattern",
+      pattern: "solid",
+      fgColor: { argb: "FFF0F0F0" }
+    };
+  }
+  if (markedColumns.length > 0) {
+    for (let i = 1; i <= fieldKeys.length; i++) {
+      const cell = displayRow.getCell(i);
+      const text = cell.value;
+      if (typeof text === "string" && text.endsWith(" *")) {
+        cell.value = {
+          richText: [
+            {
+              text: text.slice(0, -2),
+              font: { bold: true }
+            },
+            {
+              text: " *",
+              font: { bold: true, color: { argb: "FFFF0000" } }
+            }
+          ]
+        };
+      }
+    }
+  }
+  return workbook;
+}
+async function utils_excel_download({
+  workbook,
+  name
+}) {
+  const buffer = await workbook.xlsx.writeBuffer();
+  const blob = new Blob([buffer], {
+    type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+  });
+  saveAs(blob, name);
+}
+
+// src/utils/utils_file.ts
+import Docxtemplater from "docxtemplater";
+import { saveAs as saveAs2 } from "file-saver";
+import PizZip from "pizzip";
+function utils_file_fileToAQDocumentType(file) {
+  return new Promise((resolve, reject) => {
+    const fileReader = new FileReader();
+    fileReader.onloadend = () => {
+      const fileName = file.name;
+      const fileExtension = file.name.split(".").pop();
+      const fileBase64String = fileReader.result;
+      resolve({
+        fileName,
+        fileExtension,
+        fileBase64String: fileBase64String.split(",")[1]
+        // Chỉ lấy phần base64 sau dấu phẩy
+      });
+    };
+    fileReader.onerror = reject;
+    fileReader.readAsDataURL(file);
+  });
+}
+async function utils_file_docxtemplaterDownload({
+  data,
+  filePath,
+  fileName
+}) {
+  const response = await fetch(filePath);
+  const arrayBuffer = await response.arrayBuffer();
+  const zip = new PizZip(arrayBuffer);
+  const doc = new Docxtemplater(zip);
+  doc.render(data);
+  const buffer = doc.getZip().generate({ type: "blob" });
+  saveAs2(buffer, fileName || "output.docx");
+}
+
+// src/utils/utils_time.ts
+var utils_time_convertTimeStringToSeconds = (time) => {
+  const [hours, minutes, seconds] = time.split(":").map(Number);
+  return hours * 3600 + minutes * 60 + seconds;
+};
+var utils_time_getCurrentTimeString = () => {
+  const formatTime = (number) => {
+    return number < 10 ? "0" + number : number;
+  };
+  const now = /* @__PURE__ */ new Date();
+  const hours = formatTime(now.getHours());
+  const minutes = formatTime(now.getMinutes());
+  const seconds = formatTime(now.getSeconds());
+  return `${hours}:${minutes}:${seconds}`;
+};
+
+// src/utils/utils_validateForm.ts
+import { isNotEmpty } from "@mantine/form";
+function U0MyValidateEmpty(message) {
+  return isNotEmpty(message ? message : "Kh\xF4ng \u0111\u01B0\u1EE3c \u0111\u1EC3 tr\u1ED1ng");
+}
+function U0MyValidateEmail(value) {
+  return /^\S+@\S+$/.test(value) ? null : "Email kh\xF4ng \u0111\xFAng \u0111\u1ECBnh d\u1EA1ng";
+}
+
+export {
+  U0DateToDDMMYYYString,
+  utils_date_dateToDDMMYYYString,
+  utils_date_formatToDateTimeStartEnd,
+  utils_date_getHHmm,
+  utils_file_fileToAQDocumentType,
+  utils_file_docxtemplaterDownload,
+  utils_converter_getLabelByValue,
+  utils_converter_getKeyByValue,
+  utils_converter_enumToSelectOptions,
+  utils_currency_formatWithSuffix,
+  utils_excel_exportExcel,
+  utils_excel_download,
+  utils_time_convertTimeStringToSeconds,
+  utils_time_getCurrentTimeString,
+  U0MyValidateEmpty,
+  U0MyValidateEmail
+};

package/dist/chunk-Y3YGC5IH.mjs

@@ -0,0 +1,21 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/stores/CreateGenericStore.ts
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+function createGenericStore({ initialState, storageKey }) {
+  const storeCreator = (set) => ({
+    state: initialState,
+    setState: (newState) => set({ state: newState }),
+    setProperty: (key, value) => set((store) => ({ state: __spreadProps(__spreadValues({}, store.state), { [key]: value }) })),
+    resetState: () => set({ state: initialState })
+  });
+  return storageKey ? create(persist(storeCreator, { name: storageKey })) : create(storeCreator);
+}
+
+export {
+  createGenericStore
+};

package/dist/chunk-Z6OQG54Q.mjs

@@ -0,0 +1,39 @@
+// src/api/baseAxios.ts
+import axios from "axios";
+var baseAxios = axios.create({
+  baseURL: process.env.NEXT_PUBLIC_API
+});
+baseAxios.interceptors.request.use(
+  (config) => {
+    var _a, _b;
+    const tokenData = localStorage.getItem("useS_authenticate");
+    const state = JSON.parse(tokenData);
+    const token = (_b = (_a = state == null ? void 0 : state.state) == null ? void 0 : _a.state) == null ? void 0 : _b.token;
+    if (token) {
+      config.headers.Authorization = `Bearer ${token}`;
+    }
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+var baseAxios_default = baseAxios;
+
+// src/hooks/query/AQ/useQ_AQ_GetAQModule.ts
+import { useQuery } from "@tanstack/react-query";
+function useQ_AQ_GetAQModule() {
+  const query = useQuery({
+    queryKey: ["/AQ/GetAQModule"],
+    queryFn: async () => {
+      const res = await baseAxios_default.get("/AQ/GetAQModule");
+      return res.data.data;
+    }
+  });
+  return query;
+}
+
+export {
+  baseAxios_default,
+  useQ_AQ_GetAQModule
+};

package/dist/components/Aceternity/BoxesBackground/MyBoxes.tsx

@@ -0,0 +1,66 @@
+"use client";
+import { cn } from "@/lib/utils";
+import { motion } from "framer-motion";
+import React from "react";
+
+export const MyBoxesCore = ({ className, ...rest }: { className?: string }) => {
+    const rows = new Array(150).fill(1);
+    const cols = new Array(100).fill(1);
+    let colors = [
+        "--sky-300",
+        "--pink-300",
+        "--green-300",
+        "--yellow-300",
+        "--red-300",
+        "--purple-300",
+        "--blue-300",
+        "--indigo-300",
+        "--violet-300",
+    ];
+    const getRandomColor = () => {
+        return colors[Math.floor(Math.random() * colors.length)];
+    };
+
+    return (
+        <div
+            style={{
+                transform: `translate(-40%,-60%) skewX(-48deg) skewY(14deg) scale(0.675) rotate(0deg) translateZ(0)`,
+            }}
+            className={cn(
+                "absolute left-1/4 p-4 -top-1/4 flex  -translate-x-1/2 -translate-y-1/2 w-full h-full z-0 ",
+                className
+            )}
+            {...rest}>
+            {rows.map((_, i) => (
+                <motion.div key={`row` + i} className="w-16 h-8  border-l  border-slate-700 relative">
+                    {cols.map((_, j) => (
+                        <motion.div
+                            whileHover={{
+                                backgroundColor: `var(${getRandomColor()})`,
+                                transition: { duration: 0 },
+                            }}
+                            animate={{
+                                transition: { duration: 2 },
+                            }}
+                            key={`col` + j}
+                            className="w-16 h-8  border-r border-t border-slate-700 relative">
+                            {j % 2 === 0 && i % 2 === 0 ? (
+                                <svg
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    fill="none"
+                                    viewBox="0 0 24 24"
+                                    strokeWidth="1.5"
+                                    stroke="currentColor"
+                                    className="absolute h-6 w-10 -top-[14px] -left-[22px] text-slate-700 stroke-[1px] pointer-events-none">
+                                    <path strokeLinecap="round" strokeLinejoin="round" d="M12 6v12m6-6H6" />
+                                </svg>
+                            ) : null}
+                        </motion.div>
+                    ))}
+                </motion.div>
+            ))}
+        </div>
+    );
+};
+
+export const Boxes = React.memo(MyBoxesCore);

package/dist/components/Aceternity/BoxesBackground/MyBoxesBackground.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { MyCardioLoader } from "@/components/Loaders/MyCardioLoader";
+import { cn } from "@/lib/utils";
+import { Center, Space, Text } from "@mantine/core";
+import { MyBoxesCore } from "./MyBoxes";
+
+// Default values shown
+
+export function MyBoxesBackground({ title, desc = "Được phát triển bởi công ty công nghệ Anh Quân." }: { title: string, desc?: string }) {
+    return (
+        <div className="h-[100vh] relative w-full overflow-hidden bg-slate-900 flex flex-col items-center justify-center rounded-lg">
+            <div className="absolute inset-0 w-full h-full bg-slate-900 z-20 [mask-image:radial-gradient(transparent,white)] pointer-events-none" />
+            <MyBoxesCore />
+            <Center className="z-20">
+                <MyCardioLoader />
+            </Center>
+            <Space my={7} />
+            <Center>
+                <Text className="z-20" fs="italic" fw={"bold"} c={"white"}>
+                    Đang tải...
+                </Text>
+            </Center>
+            <Space my={7} />
+            <h1 className={cn("md:text-4xl text-xl text-white relative z-20")}>
+                {title}
+            </h1>
+            <p className="text-center mt-2 text-neutral-300 relative z-20">{desc}</p>
+        </div>
+    );
+}

package/dist/components/ActionIcons/ActionIcon/MyActionIcon.tsx

@@ -0,0 +1,47 @@
+import { TYPES_CRUD } from "@/types/types";
+import { ActionIcon, ActionIconProps } from "@mantine/core";
+import { IconDeviceFloppy, IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
+import { ReactNode } from "react";
+
+interface IMyActionIcon extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color" | "style">, ActionIconProps {
+    crudType?: TYPES_CRUD
+    children?: ReactNode;
+}
+
+export function MyActionIcon({ children, crudType = "default", ...rest }: IMyActionIcon) {
+    if (crudType == "default") {
+        return (
+            <ActionIcon color="indigo" {...rest}>
+                {children}
+            </ActionIcon>
+        );
+    }
+    if (crudType == "create") {
+        return (
+            <ActionIcon color="indigo"  {...rest}>
+                <IconPlus />
+            </ActionIcon>
+        );
+    }
+    if (crudType == "delete") {
+        return (
+            <ActionIcon color="red"  {...rest}>
+                <IconTrash />
+            </ActionIcon>
+        );
+    }
+    if (crudType == "update") {
+        return (
+            <ActionIcon color="yellow"{...rest}>
+                <IconEdit />
+            </ActionIcon>
+        );
+    }
+    if (crudType == "save") {
+        return (
+            <ActionIcon color="green"  {...rest}>
+                <IconDeviceFloppy />
+            </ActionIcon>
+        );
+    }
+}

package/dist/components/ActionIcons/ActionIconCRUD/MyActionIconDelete.tsx

@@ -0,0 +1,81 @@
+import { MyButton } from "@/components/Buttons/Button/MyButton";
+import { utils_notification_show } from "@/utils/utils_notification";
+import { Group, Highlight } from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { ComponentProps, useState } from "react";
+import { MyActionIconModal } from "../ActionIconModal/MyActionIconModal";
+interface IActionIconDelete extends Omit<ComponentProps<typeof MyActionIconModal>, "disclosure"> {
+    onSubmit: () => void;
+    onSuccess?: () => void;
+    onError?: () => void;
+    contextData?: string;
+    loading?: boolean;
+}
+
+export function MyActionIconDelete({
+    onSubmit,
+    onSuccess,
+    onError,
+    contextData,
+    ...rest
+}: IActionIconDelete) {
+    const queryClient = useQueryClient();
+    const disc = useDisclosure();
+    const loadingState = useState<boolean>()
+
+
+    const mutation = useMutation({
+        mutationFn: async () => await onSubmit(),
+        onSuccess: () => {
+            if (onSuccess) {
+                onSuccess()
+                return
+            }
+            queryClient.invalidateQueries();
+            utils_notification_show({ crudType: "delete" });
+            disc[1].close();
+        },
+        onError: () => {
+            if (onError) {
+                onError()
+                return
+            }
+        },
+    });
+
+    function handleCLick() {
+        loadingState[1](true)
+        mutation.mutate();
+    }
+    return (
+        <MyActionIconModal
+            disclosure={disc}
+            crudType="delete"
+            {...rest}
+        >
+            <Highlight
+                highlight={contextData || []}
+                color="red.6"
+                highlightStyles={{
+                    fontWeight: 700,
+                    WebkitBackgroundClip: 'text',
+                    WebkitTextFillColor: 'transparent',
+                }}
+            >
+                {`Bạn sắp xóa dữ liệu ${contextData || ""}. Hành động này không thể hoàn tác. Bạn có chắc chắn muốn tiếp tục?`}
+            </Highlight>
+            <Group grow>
+                <MyButton
+                    crudType="delete"
+                    onClick={handleCLick}
+                    loading={loadingState[0]}
+                />
+                <MyButton
+                    crudType="cancel"
+                    onClick={disc[1].close}
+                />
+            </Group>
+        </MyActionIconModal>
+    );
+}

package/dist/components/ActionIcons/ActionIconCRUD/MyActionIconUpdate.tsx

@@ -0,0 +1,68 @@
+import { MyButton } from "@/components/Buttons/Button/MyButton"
+import { MyFlexColumn } from "@/components/Layouts/FlexColumn/MyFlexColumn"
+import { utils_notification_show } from "@/utils/utils_notification"
+import { UseFormReturnType } from "@mantine/form"
+import { useDisclosure } from "@mantine/hooks"
+import { useMutation, useQueryClient } from "@tanstack/react-query"
+import { ComponentProps, useEffect } from "react"
+import { MyActionIconModal } from "../ActionIconModal/MyActionIconModal"
+
+interface IActionIconUpdate<T> extends Omit<ComponentProps<typeof MyActionIconModal>, "form" | "disclosure" | "onSubmit"> {
+    resetFormWhenclose?: boolean
+    onSubmit: (values: T) => void
+    onSuccess?: () => void; // Custom callback for success handling
+    onError?: () => void; // Custom callback for error handling
+    form: UseFormReturnType<T>;
+    disclosure?: ReturnType<typeof useDisclosure>;
+}
+
+export function MyActionIconUpdate<T>({
+    resetFormWhenclose,
+    form,
+    onSubmit,
+    onSuccess,
+    onError,
+    children,
+    ...rest
+}: IActionIconUpdate<T>) {
+    const disc = useDisclosure()
+    const queryClient = useQueryClient()
+
+    const mutation = useMutation({
+        mutationFn: async (values: T) => {
+            await onSubmit(values);
+        },
+        onSuccess: () => {
+            if (onSuccess) {
+                onSuccess()
+            }
+            queryClient.invalidateQueries()
+            utils_notification_show({ crudType: "update" });
+            disc[1].close();
+
+        },
+        onError: () => {
+            if (onError) onError();
+        },
+    })
+    useEffect(() => {
+        if (!resetFormWhenclose) return
+        if (disc[0] == true) return
+        form.reset()
+    }, [disc[0]])
+    return (
+        <MyActionIconModal disclosure={disc} crudType="update" {...rest}>
+            <form onSubmit={form.onSubmit((values) => {
+                mutation.mutate(values);
+            })}>
+                <MyFlexColumn>
+                    {children}
+                    <MyButton
+                        type="submit"
+                        crudType="save"
+                    />
+                </MyFlexColumn>
+            </form>
+        </MyActionIconModal>
+    )
+}

package/dist/components/ActionIcons/ActionIconCheck/MyActionIconCheck.tsx

@@ -0,0 +1,50 @@
+"use client";
+import { MyTextInput } from "@/components/Inputs/TextInput/MyTextInput";
+import { MyFlexColumn } from "@/components/Layouts/FlexColumn/MyFlexColumn";
+import { ActionIcon, ActionIconProps, Button, Checkbox, Modal, Switch, Text, Tooltip } from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
+import { IconChecklist } from "@tabler/icons-react";
+import { useState } from "react";
+
+
+interface IActionIconCheck extends ActionIconProps {
+    modalSize?: string; comment?: string
+}
+
+export function MyActionIconCheck({ modalSize = "50%", comment = "", ...rest }: IActionIconCheck) {
+    const disc = useDisclosure(false);
+    const fullScreen = useState(false);
+    const hSize = useState("50vh");
+    return (
+        <>
+            <Tooltip label="Xem tài liệu trực tiếp" >
+                <ActionIcon color="cyan" onClick={disc[1].open} {...rest}>
+                    <IconChecklist size={24} color="blue" />
+                </ActionIcon>
+            </Tooltip>
+
+            <Modal
+                fullScreen={fullScreen[0]}
+                opened={disc[0]}
+                onClose={disc[1].close}
+                size={modalSize}
+                title={
+                    <Text>Kiểm tra hồ sơ đã đăng ký</Text>
+
+                }>
+                <Switch
+                    defaultChecked
+                    label="Đạt yêu cầu"
+                />
+                <MyFlexColumn>
+                    <MyTextInput label="Nhận xét" />
+                    <Checkbox label="Gửi mail thông báo" />
+                    <Button>Cập nhập</Button>
+                </MyFlexColumn>
+
+            </Modal>
+
+
+        </>
+    );
+}

package/dist/components/ActionIcons/ActionIconDownloadPDF/MyActionIconDownloadPDF.tsx

@@ -0,0 +1,13 @@
+import { utils_pdf_download } from "@/utils/utils_pdf";
+import { ActionIcon, Tooltip } from "@mantine/core";
+import { IconDownload } from "@tabler/icons-react";
+
+export function MyActionIconDownloadPDF({ pdfLink = "https://datafiles.chinhphu.vn/cpp/files/vbpq/2021/07/17-bgd.signed.pdf" }: { pdfLink: string }) {
+    return (
+        <Tooltip label="Nhấp để tải xuống">
+            <ActionIcon onClick={async () => await utils_pdf_download(pdfLink)} color="red">
+                <IconDownload />
+            </ActionIcon>
+        </Tooltip>
+    );
+}