@pnkx-lib/ui 1.9.536 → 1.9.539

package/es/ui/CustomeBulkActions/index.js

@@ -1,928 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default, { useState } from 'react';
-import { CATEGORY_LIST_ENUM, COUNT_LEVEL, CATEGORY_PRICE_LIST_ENUM } from '../CategoryStatus.js';
-import { isBoolean, isEmpty } from 'lodash';
-import { R as RestoreIcon, S as SendApprovalIcon, C as CancelSendApprovalIcon, a as RefuseApprovalIcon, b as RefuseApprovalDropListIcon, A as ApprovalIcon, c as CancelApprovalIcon, D as DeleteIcon, d as ActivateIcon, I as InActiveIcon, M as MoreIcon } from '../../chunks/RefuseApprovalDropListIcon-DkyYANWt.js';
-import { useToggle } from '@pnkx-lib/core';
-import { ConfirmModal } from '../ConfirmModal.js';
-import { t as twMerge } from '../../chunks/bundle-mjs-BME7zF0Z.js';
-import { Popover } from '../Popover.js';
-import { Tooltip } from 'antd';
-import { Tooltip as Tooltip$1 } from '../Tooltip.js';
-
-const CategoryIcon = ({
-  size = 24,
-  color = "currentColor",
-  className,
-  style,
-  onClick,
-  "aria-label": ariaLabel,
-  title,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className,
-    style: {
-      width: size,
-      height: size,
-      cursor: onClick ? "pointer" : "default",
-      ...style
-    },
-    onClick,
-    role: onClick ? "button" : void 0,
-    "aria-label": ariaLabel,
-    title,
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "100%",
-        height: "100%",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M20.0306 6.21938L16.2806 2.46938C16.2109 2.39975 16.1282 2.34454 16.0371 2.3069C15.9461 2.26926 15.8485 2.24992 15.75 2.25H8.25C7.85218 2.25 7.47064 2.40804 7.18934 2.68934C6.90804 2.97064 6.75 3.35218 6.75 3.75V5.25H5.25C4.85218 5.25 4.47064 5.40804 4.18934 5.68934C3.90804 5.97064 3.75 6.35218 3.75 6.75V20.25C3.75 20.6478 3.90804 21.0294 4.18934 21.3107C4.47064 21.592 4.85218 21.75 5.25 21.75H15.75C16.1478 21.75 16.5294 21.592 16.8107 21.3107C17.092 21.0294 17.25 20.6478 17.25 20.25V18.75H18.75C19.1478 18.75 19.5294 18.592 19.8107 18.3107C20.092 18.0294 20.25 17.6478 20.25 17.25V6.75C20.2501 6.65148 20.2307 6.55391 20.1931 6.46286C20.1555 6.37182 20.1003 6.28908 20.0306 6.21938ZM15.75 20.25H5.25V6.75H12.4397L15.75 10.0603V17.985C15.75 17.9906 15.75 17.9953 15.75 18C15.75 18.0047 15.75 18.0094 15.75 18.015V20.25ZM18.75 17.25H17.25V9.75C17.2501 9.65148 17.2307 9.55391 17.1931 9.46286C17.1555 9.37182 17.1003 9.28908 17.0306 9.21937L13.2806 5.46938C13.2109 5.39975 13.1282 5.34454 13.0371 5.3069C12.9461 5.26926 12.8485 5.24992 12.75 5.25H8.25V3.75H15.4397L18.75 7.06031V17.25ZM13.5 14.25C13.5 14.4489 13.421 14.6397 13.2803 14.7803C13.1397 14.921 12.9489 15 12.75 15H8.25C8.05109 15 7.86032 14.921 7.71967 14.7803C7.57902 14.6397 7.5 14.4489 7.5 14.25C7.5 14.0511 7.57902 13.8603 7.71967 13.7197C7.86032 13.579 8.05109 13.5 8.25 13.5H12.75C12.9489 13.5 13.1397 13.579 13.2803 13.7197C13.421 13.8603 13.5 14.0511 13.5 14.25ZM13.5 17.25C13.5 17.4489 13.421 17.6397 13.2803 17.7803C13.1397 17.921 12.9489 18 12.75 18H8.25C8.05109 18 7.86032 17.921 7.71967 17.7803C7.57902 17.6397 7.5 17.4489 7.5 17.25C7.5 17.0511 7.57902 16.8603 7.71967 16.7197C7.86032 16.579 8.05109 16.5 8.25 16.5H12.75C12.9489 16.5 13.1397 16.579 13.2803 16.7197C13.421 16.8603 13.5 17.0511 13.5 17.25Z",
-            fill: color
-          }
-        )
-      }
-    )
-  }
-);
-
-const CancelSendConfirmIcon = ({
-  size = 16,
-  color = "currentColor",
-  className,
-  style,
-  onClick,
-  "aria-label": ariaLabel,
-  title,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className,
-    style: {
-      width: size,
-      height: size,
-      cursor: onClick ? "pointer" : "default",
-      ...style
-    },
-    onClick,
-    role: onClick ? "button" : void 0,
-    "aria-label": ariaLabel,
-    title,
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "100%",
-        height: "100%",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M13.3327 7.96046V4.53301C13.3327 3.4129 13.3327 2.85285 13.1147 2.42503C12.923 2.0487 12.617 1.74274 12.2407 1.55099C11.8128 1.33301 11.2528 1.33301 10.1327 1.33301H5.86602C4.74591 1.33301 4.18586 1.33301 3.75803 1.55099C3.38171 1.74274 3.07575 2.0487 2.884 2.42503C2.66602 2.85285 2.66602 3.4129 2.66602 4.53301V11.4663C2.66602 12.5864 2.66602 13.1465 2.884 13.5743C3.07575 13.9506 3.38171 14.2566 3.75803 14.4484C4.18586 14.6663 4.74591 14.6663 5.86602 14.6663H9.33268M9.33268 7.33301H5.33268M6.66602 9.99968H5.33268M10.666 4.66634H7.99935H5.33268M9.99935 11.333H13.9994",
-            stroke: color,
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round"
-          }
-        )
-      }
-    )
-  }
-);
-
-const ConfirmIcon = ({
-  size = 16,
-  color = "currentColor",
-  className,
-  style,
-  onClick,
-  "aria-label": ariaLabel,
-  title,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className,
-    style: {
-      width: size,
-      height: size,
-      cursor: onClick ? "pointer" : "default",
-      ...style
-    },
-    onClick,
-    role: onClick ? "button" : void 0,
-    "aria-label": ariaLabel,
-    title,
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "100%",
-        height: "100%",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M13.3327 8.33301V4.53301C13.3327 3.4129 13.3327 2.85285 13.1147 2.42503C12.9229 2.0487 12.617 1.74274 12.2407 1.55099C11.8128 1.33301 11.2528 1.33301 10.1327 1.33301H5.86602C4.74591 1.33301 4.18586 1.33301 3.75803 1.55099C3.38171 1.74274 3.07575 2.0487 2.884 2.42503C2.66602 2.85285 2.66602 3.4129 2.66602 4.53301V11.4663C2.66602 12.5864 2.66602 13.1465 2.884 13.5743C3.07575 13.9506 3.38171 14.2566 3.75803 14.4484C4.18586 14.6663 4.74591 14.6663 5.86602 14.6663H7.99935M9.33268 7.33301H5.33268M6.66602 9.99967H5.33268M10.666 4.66634H5.33268M9.66602 12.6663L10.9993 13.9997L13.9993 10.9997",
-            stroke: color,
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round"
-          }
-        )
-      }
-    )
-  }
-);
-
-const SendConfirmIcon = ({
-  size = 14,
-  color = "currentColor",
-  className,
-  style,
-  onClick,
-  "aria-label": ariaLabel,
-  title,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className,
-    style: {
-      width: size,
-      height: Number(size) + 2,
-      cursor: onClick ? "pointer" : "default",
-      ...style
-    },
-    onClick,
-    role: onClick ? "button" : void 0,
-    "aria-label": ariaLabel,
-    title,
-    ...props,
-    children: /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        width: "100%",
-        height: "100%",
-        viewBox: "0 0 14 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M9.9703 8.58203C8.16858 8.58203 6.70312 10.0322 6.70312 11.815C6.70312 13.5979 8.16858 15.048 9.9703 15.048C11.772 15.048 13.2375 13.5979 13.2375 11.815C13.2375 10.0322 11.772 8.58203 9.9703 8.58203ZM9.9703 14.2196C8.63041 14.2196 7.54026 13.1409 7.54026 11.815C7.54026 10.4891 8.63041 9.41041 9.9703 9.41041C11.3102 9.41041 12.4003 10.4891 12.4003 11.815C12.4003 13.1409 11.3102 14.2196 9.9703 14.2196Z",
-              fill: color
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M10.2817 10.4653C10.2021 10.3783 10.0891 10.3281 9.97053 10.3281C9.85193 10.3281 9.73892 10.3778 9.65939 10.4653L8.95527 11.2389C8.80039 11.4087 8.81435 11.6706 8.98643 11.8238C9.14967 11.9692 9.39523 11.9591 9.55196 11.8118V12.8878C9.55196 13.1165 9.73939 13.302 9.97053 13.302C10.2017 13.302 10.3891 13.1165 10.3891 12.8878V11.8114C10.4691 11.8869 10.57 11.9301 10.6747 11.9301C10.7742 11.9301 10.8746 11.8951 10.9546 11.8238C11.1267 11.6706 11.1402 11.4092 10.9858 11.2389L10.2817 10.4653Z",
-              fill: color
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M6.00028 14.5716H2.07171C1.40109 14.5716 0.857422 14.0729 0.857422 13.4578V2.54251C0.857422 1.92739 1.40109 1.42871 2.07171 1.42871H8.14314C9.48441 1.42871 10.5717 2.42604 10.5717 3.65631V6.8057",
-              stroke: color,
-              "stroke-miterlimit": "10",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M3.14258 4.57129H7.71401",
-              stroke: color,
-              "stroke-miterlimit": "10",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M3.14258 7.42871L6.57115 7.42871",
-              stroke: color,
-              "stroke-miterlimit": "10",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M3.14258 9.94629H4.85687",
-              stroke: color,
-              "stroke-miterlimit": "10",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round"
-            }
-          )
-        ]
-      }
-    )
-  }
-);
-
-const SendApproveIcon = ({
-  size = 16,
-  color = "currentColor",
-  className,
-  style,
-  onClick,
-  "aria-label": ariaLabel,
-  title,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className,
-    style: {
-      width: size,
-      height: size,
-      cursor: onClick ? "pointer" : "default",
-      ...style
-    },
-    onClick,
-    role: onClick ? "button" : void 0,
-    "aria-label": ariaLabel,
-    title,
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "100%",
-        height: "100%",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M4.67562 8L7.92052 8M4.57708 7.61983L2.10237 3.16666C1.72848 2.49386 2.44846 1.74212 3.13706 2.08632L13.5671 7.29983C14.1443 7.58832 14.1443 8.41168 13.5671 8.70017L3.13706 13.9137C2.44845 14.2579 1.72848 13.5061 2.10237 12.8333L4.57708 8.38017C4.70847 8.14374 4.70847 7.85626 4.57708 7.61983Z",
-            stroke: color,
-            "stroke-linecap": "round"
-          }
-        )
-      }
-    )
-  }
-);
-
-const CancelSendApproveIcon = ({
-  size = 16,
-  color = "currentColor",
-  className,
-  style,
-  onClick,
-  "aria-label": ariaLabel,
-  title,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className,
-    style: {
-      width: size,
-      height: size,
-      cursor: onClick ? "pointer" : "default",
-      ...style
-    },
-    onClick,
-    role: onClick ? "button" : void 0,
-    "aria-label": ariaLabel,
-    title,
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "100%",
-        height: "100%",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M9.33398 5.33301L6.66732 10.6663M14.6673 7.99967C14.6673 11.6816 11.6825 14.6663 8.00065 14.6663C4.31875 14.6663 1.33398 11.6816 1.33398 7.99967C1.33398 4.31778 4.31875 1.33301 8.00065 1.33301C11.6825 1.33301 14.6673 4.31778 14.6673 7.99967Z",
-            stroke: color,
-            "stroke-linecap": "round"
-          }
-        )
-      }
-    )
-  }
-);
-
-const RejectApproveIcon = ({
-  size = 16,
-  color = "currentColor",
-  className,
-  style,
-  onClick,
-  "aria-label": ariaLabel,
-  title,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className,
-    style: {
-      width: size,
-      height: size,
-      cursor: onClick ? "pointer" : "default",
-      ...style
-    },
-    onClick,
-    role: onClick ? "button" : void 0,
-    "aria-label": ariaLabel,
-    title,
-    ...props,
-    children: /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        width: "100%",
-        height: "100%",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M8.00065 14.6663C11.6807 14.6663 14.6673 11.6797 14.6673 7.99967C14.6673 4.31967 11.6807 1.33301 8.00065 1.33301C4.32065 1.33301 1.33398 4.31967 1.33398 7.99967C1.33398 11.6797 4.32065 14.6663 8.00065 14.6663Z",
-              stroke: color,
-              "stroke-miterlimit": "10",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M12.599 3.33301L3.26562 12.6663",
-              stroke: color,
-              "stroke-miterlimit": "10",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round"
-            }
-          )
-        ]
-      }
-    )
-  }
-);
-
-const ApproveIcon = ({
-  size = 16,
-  color = "currentColor",
-  className,
-  style,
-  onClick,
-  "aria-label": ariaLabel,
-  title,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className,
-    style: {
-      width: size,
-      height: size,
-      cursor: onClick ? "pointer" : "default",
-      ...style
-    },
-    onClick,
-    role: onClick ? "button" : void 0,
-    "aria-label": ariaLabel,
-    title,
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "100%",
-        height: "100%",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M11.1583 4.66699L4.83827 11.1492C4.59848 11.3951 4.2097 11.3951 3.96991 11.1492L1.33398 8.44564M8.34726 11.1492L14.6673 4.66699",
-            stroke: color,
-            "stroke-linecap": "round"
-          }
-        )
-      }
-    )
-  }
-);
-
-var TypeBulkActions = /* @__PURE__ */ ((TypeBulkActions2) => {
-  TypeBulkActions2["BULKACTION"] = "bulkaction";
-  TypeBulkActions2["DROPLIST"] = "droplist";
-  return TypeBulkActions2;
-})(TypeBulkActions || {});
-var TypeCategoryBulkActions = /* @__PURE__ */ ((TypeCategoryBulkActions2) => {
-  TypeCategoryBulkActions2[TypeCategoryBulkActions2["CATEGORY"] = 0] = "CATEGORY";
-  TypeCategoryBulkActions2[TypeCategoryBulkActions2["PRICE_SERVICE"] = 1] = "PRICE_SERVICE";
-  return TypeCategoryBulkActions2;
-})(TypeCategoryBulkActions || {});
-
-const ListDataConvert = ({
-  isApproved,
-  typeService,
-  handleBulkAction,
-  handleBulkActionPrice
-}) => {
-  const dataBulkActionCategory = [
-    {
-      icon: /* @__PURE__ */ jsx(RestoreIcon, { stroke: "white" }),
-      iconDropList: /* @__PURE__ */ jsx(RestoreIcon, { stroke: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsx(RestoreIcon, { stroke: "#B2B7C2" }),
-      action: handleBulkAction?.handleRestore,
-      name: "Khôi phục",
-      typeIcon: "info",
-      title: "Xác nhận khôi phục",
-      content: "Bạn có chắc chắn muốn khôi phục không?",
-      arrShow: [CATEGORY_LIST_ENUM?.DELETE, CATEGORY_LIST_ENUM?.REJECT],
-      showTitle: true
-    },
-    {
-      icon: /* @__PURE__ */ jsx(SendApprovalIcon, { stroke: "white" }),
-      iconDropList: /* @__PURE__ */ jsx(SendApprovalIcon, { stroke: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsx(SendApprovalIcon, { stroke: "#B2B7C2" }),
-      action: handleBulkAction?.handleSubmitForApproval,
-      name: "Gửi duyệt",
-      typeIcon: "info",
-      title: "Xác nhận gửi duyệt",
-      content: "Bạn có chắc chắn muốn gửi duyệt không?",
-      arrShow: [CATEGORY_LIST_ENUM?.DRAFT],
-      showTitle: true
-    },
-    {
-      icon: /* @__PURE__ */ jsx(CancelSendApprovalIcon, { stroke: "white" }),
-      iconDropList: /* @__PURE__ */ jsx(CancelSendApprovalIcon, { stroke: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsx(CancelSendApprovalIcon, { stroke: "#B2B7C2" }),
-      action: handleBulkAction?.handleCancelSubmission,
-      name: "Huỷ gửi duyệt",
-      typeIcon: "error",
-      title: "Xác nhận hủy gửi duyệt",
-      content: "Bạn có chắc chắn muốn hủy gửi duyệt không?",
-      arrShow: [CATEGORY_LIST_ENUM?.WATING_APPROVAL],
-      showTitle: true
-    },
-    {
-      icon: /* @__PURE__ */ jsx(RefuseApprovalIcon, { stroke: "white" }),
-      iconDropList: /* @__PURE__ */ jsx(RefuseApprovalDropListIcon, {}),
-      iconDisable: /* @__PURE__ */ jsx(RefuseApprovalIcon, { stroke: "#B2B7C2" }),
-      action: handleBulkAction?.handleReject,
-      name: "Từ chối duyệt",
-      typeIcon: "error",
-      title: "Xác nhận từ chối duyệt",
-      content: "Bạn có chắc chắn muốn từ chối duyệt không? Hành động này không thể hoàn tác.",
-      arrShow: [CATEGORY_LIST_ENUM?.WATING_APPROVAL],
-      showTitle: true
-    },
-    {
-      icon: /* @__PURE__ */ jsx(ApprovalIcon, { stroke: "white" }),
-      iconDropList: /* @__PURE__ */ jsx(ApprovalIcon, { stroke: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsx(ApprovalIcon, { stroke: "#B2B7C2" }),
-      action: handleBulkAction?.handleApprove,
-      name: "Duyệt",
-      typeIcon: "info",
-      title: "Xác nhận duyệt",
-      content: "Bạn có chắc chắn muốn duyệt không?",
-      arrShow: [CATEGORY_LIST_ENUM?.WATING_APPROVAL],
-      showTitle: true
-    },
-    {
-      icon: /* @__PURE__ */ jsx(CancelApprovalIcon, { stroke: "white" }),
-      iconDropList: /* @__PURE__ */ jsx(CancelApprovalIcon, { stroke: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsx(CancelApprovalIcon, { stroke: "#B2B7C2" }),
-      action: handleBulkAction?.handleCancelApproval,
-      typeIcon: "error",
-      name: "Hủy duyệt",
-      title: "Xác nhận hủy duyệt",
-      content: "Bạn có chắc chắn muốn hủy duyệt không?",
-      arrShow: isBoolean(isApproved) && !isApproved ? [] : [CATEGORY_LIST_ENUM?.ACTIVE],
-      showTitle: true
-    },
-    {
-      icon: /* @__PURE__ */ jsx(DeleteIcon, { fill: "white" }),
-      iconDropList: /* @__PURE__ */ jsx(DeleteIcon, { fill: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsx(DeleteIcon, { fill: "#B2B7C2" }),
-      action: handleBulkAction?.handleDelete,
-      typeIcon: "error",
-      name: "Xoá",
-      title: "Xác nhận xóa",
-      content: "Bạn có chắc chắn muốn xóa không? Hành động này không thể hoàn tác.",
-      arrShow: isBoolean(isApproved) && !isApproved ? [
-        CATEGORY_LIST_ENUM?.DRAFT,
-        CATEGORY_LIST_ENUM?.ACTIVE,
-        CATEGORY_LIST_ENUM?.INACTIVE
-      ] : [CATEGORY_LIST_ENUM?.DRAFT]
-    },
-    {
-      icon: /* @__PURE__ */ jsx(ActivateIcon, { stroke: "white" }),
-      iconDropList: /* @__PURE__ */ jsx(ActivateIcon, { stroke: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsx(ActivateIcon, { stroke: "#B2B7C2" }),
-      action: handleBulkAction?.handleActivate,
-      typeIcon: "info",
-      name: "Kích hoạt",
-      title: "Xác nhận kích hoạt",
-      content: "Bạn có chắc chắn muốn kích hoạt không?",
-      arrShow: [CATEGORY_LIST_ENUM?.INACTIVE]
-    },
-    {
-      icon: /* @__PURE__ */ jsx(InActiveIcon, { stroke: "white" }),
-      iconDropList: /* @__PURE__ */ jsx(InActiveIcon, { stroke: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsx(InActiveIcon, { stroke: "#B2B7C2" }),
-      action: handleBulkAction?.handleDeactivate,
-      name: "Vô hiệu hóa",
-      typeIcon: "error",
-      title: "Xác nhận vô hiệu hóa",
-      content: "Bạn có chắc chắn muốn vô hiệu hóa không?",
-      arrShow: [CATEGORY_LIST_ENUM?.ACTIVE]
-    }
-  ];
-  const dataBulkActionPrice = [
-    {
-      icon: /* @__PURE__ */ jsx(CategoryIcon, { className: "w-6 -h-6", size: 22, color: "#B2B7C2" }),
-      iconDropList: /* @__PURE__ */ jsx(CategoryIcon, { className: "w-6 -h-6", size: 22, color: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsx(CategoryIcon, { className: "w-6 -h-6", size: 22, color: "#B2B7C2" }),
-      action: handleBulkActionPrice?.handleRejectConfirm,
-      name: "Từ chối xác nhận",
-      typeIcon: "error",
-      title: "Xác nhận từ chối xác nhận",
-      content: "Bạn có chắc chắn muốn từ chối xác nhận không?",
-      arrShow: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
-      showTitle: true,
-      countLevel: [COUNT_LEVEL.TWO_LEVEL],
-      arrShows: [
-        {
-          status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
-          level: [COUNT_LEVEL.TWO_LEVEL]
-        }
-      ]
-    },
-    {
-      icon: /* @__PURE__ */ jsx(CancelSendConfirmIcon, { className: "w-6 -h-6", size: 22, color: "#B2B7C2" }),
-      iconDropList: /* @__PURE__ */ jsx(CancelSendConfirmIcon, { className: "w-6 -h-6", size: 22, color: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsx(CancelSendConfirmIcon, { className: "w-6 -h-6", size: 22, color: "#B2B7C2" }),
-      action: handleBulkActionPrice?.handleCancelSendConfirm,
-      name: "Huỷ gửi xác nhận",
-      typeIcon: "error",
-      title: "Xác nhận huỷ gửi xác nhận",
-      content: "Bạn có chắc chắn muốn huỷ gửi xác nhận không?",
-      arrShow: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
-      showTitle: true,
-      countLevel: [COUNT_LEVEL.TWO_LEVEL],
-      arrShows: [
-        {
-          status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
-          level: [COUNT_LEVEL.TWO_LEVEL]
-        }
-      ]
-    },
-    {
-      icon: /* @__PURE__ */ jsx(ConfirmIcon, { className: "w-6 -h-6", size: 22, color: "#B2B7C2" }),
-      iconDropList: /* @__PURE__ */ jsx(ConfirmIcon, { className: "w-6 -h-6", size: 22, color: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsx(ConfirmIcon, { className: "w-6 -h-6", size: 22, color: "#B2B7C2" }),
-      action: handleBulkActionPrice?.handleConfirm,
-      name: "Xác nhận",
-      typeIcon: "info",
-      title: "Xác nhận",
-      content: "Bạn có chắc chắn muốn xác nhận không?",
-      arrShow: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
-      showTitle: true,
-      countLevel: [COUNT_LEVEL.TWO_LEVEL],
-      arrShows: [
-        {
-          status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
-          level: [COUNT_LEVEL.TWO_LEVEL]
-        }
-      ]
-    },
-    {
-      icon: /* @__PURE__ */ jsx(SendConfirmIcon, { className: "w-6 -h-6", size: 22, color: "#B2B7C2" }),
-      iconDropList: /* @__PURE__ */ jsx(SendConfirmIcon, { className: "w-6 -h-6", size: 22, color: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsx(SendConfirmIcon, { className: "w-6 -h-6", size: 22, color: "#B2B7C2" }),
-      action: handleBulkActionPrice?.handleSendConfirm,
-      name: "Gửi xác nhận",
-      typeIcon: "info",
-      title: "Gửi xác nhận",
-      content: "Bạn có chắc chắn muốn gửi xác nhận không?",
-      arrShow: [CATEGORY_PRICE_LIST_ENUM?.CREATED],
-      showTitle: true,
-      countLevel: [COUNT_LEVEL.TWO_LEVEL],
-      arrShows: [
-        {
-          status: [CATEGORY_PRICE_LIST_ENUM?.CREATED],
-          level: [COUNT_LEVEL.TWO_LEVEL]
-        }
-      ]
-    },
-    {
-      icon: /* @__PURE__ */ jsx(SendApproveIcon, { className: "w-6 -h-6", size: 22, color: "#B2B7C2" }),
-      iconDropList: /* @__PURE__ */ jsx(SendApproveIcon, { className: "w-6 -h-6", size: 22, color: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsx(SendApproveIcon, { className: "w-6 -h-6", size: 22, color: "#B2B7C2" }),
-      action: handleBulkActionPrice?.handleSendApprove,
-      name: "Gửi duyệt",
-      typeIcon: "info",
-      title: "Xác nhận gửi duyệt",
-      content: "Bạn có chắc chắn muốn gửi duyệt không?",
-      arrShow: [CATEGORY_PRICE_LIST_ENUM?.CREATED],
-      showTitle: true,
-      countLevel: [COUNT_LEVEL.ONE_LEVEL],
-      arrShows: [
-        {
-          status: [CATEGORY_PRICE_LIST_ENUM?.CREATED],
-          level: [COUNT_LEVEL.ONE_LEVEL]
-        }
-      ]
-    },
-    {
-      icon: /* @__PURE__ */ jsx(CancelSendApproveIcon, { className: "w-6 -h-6", size: 22, color: "#B2B7C2" }),
-      iconDropList: /* @__PURE__ */ jsx(CancelSendApproveIcon, { className: "w-6 -h-6", size: 22, color: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsx(CancelSendApproveIcon, { className: "w-6 -h-6", size: 22, color: "#B2B7C2" }),
-      action: handleBulkActionPrice?.handleCancelSendApprove,
-      name: "Huỷ gửi duyệt",
-      typeIcon: "error",
-      title: "Xác nhận hủy gửi duyệt",
-      content: "Bạn có chắc chắn muốn hủy gửi duyệt không?",
-      arrShow: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
-      showTitle: true,
-      countLevel: [COUNT_LEVEL.ONE_LEVEL, COUNT_LEVEL.TWO_LEVEL],
-      arrShows: [
-        {
-          status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_APPROVAL],
-          level: [COUNT_LEVEL.TWO_LEVEL]
-        },
-        {
-          status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
-          level: [COUNT_LEVEL.ONE_LEVEL]
-        }
-      ]
-    },
-    {
-      icon: /* @__PURE__ */ jsx(RejectApproveIcon, { className: "w-6 -h-6", size: 22, color: "#B2B7C2" }),
-      iconDropList: /* @__PURE__ */ jsx(RejectApproveIcon, { className: "w-6 -h-6", size: 22, color: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsx(RejectApproveIcon, { className: "w-6 -h-6", size: 22, color: "#B2B7C2" }),
-      action: handleBulkActionPrice?.handleRejectApprove,
-      name: "Từ chối duyệt",
-      typeIcon: "error",
-      title: "Xác nhận từ chối duyệt",
-      content: "Bạn có chắc chắn muốn từ chối duyệt không? Hành động này không thể hoàn tác.",
-      arrShow: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
-      showTitle: true,
-      countLevel: [COUNT_LEVEL.ONE_LEVEL, COUNT_LEVEL.TWO_LEVEL],
-      arrShows: [
-        {
-          status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_APPROVAL],
-          level: [COUNT_LEVEL.ONE_LEVEL, COUNT_LEVEL.TWO_LEVEL]
-        },
-        {
-          status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
-          level: [COUNT_LEVEL.ONE_LEVEL]
-        }
-      ]
-    },
-    {
-      icon: /* @__PURE__ */ jsx(ApproveIcon, { className: "w-6 -h-6", size: 22, color: "#B2B7C2" }),
-      iconDropList: /* @__PURE__ */ jsx(ApproveIcon, { className: "w-6 -h-6", size: 22, color: "#0F1D40" }),
-      iconDisable: /* @__PURE__ */ jsx(ApproveIcon, { className: "w-6 -h-6", size: 22, color: "#B2B7C2" }),
-      action: handleBulkActionPrice?.handleApprove,
-      name: "Duyệt",
-      typeIcon: "info",
-      title: "Xác nhận duyệt",
-      content: "Bạn có chắc chắn muốn duyệt không?",
-      arrShow: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
-      showTitle: true,
-      countLevel: [COUNT_LEVEL.TWO_LEVEL, COUNT_LEVEL.ONE_LEVEL],
-      arrShows: [
-        {
-          status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_APPROVAL],
-          level: [COUNT_LEVEL.ONE_LEVEL, COUNT_LEVEL.TWO_LEVEL]
-        },
-        {
-          status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
-          level: [COUNT_LEVEL.ONE_LEVEL]
-        }
-      ]
-    }
-  ];
-  if (typeService === TypeCategoryBulkActions.CATEGORY) {
-    return dataBulkActionCategory;
-  } else if (typeService === TypeCategoryBulkActions.PRICE_SERVICE) {
-    return dataBulkActionPrice;
-  }
-  return [];
-};
-
-const DropListActions = ({
-  listIcon,
-  status,
-  setNotifyContent,
-  toggle,
-  contentDropList,
-  countLevel
-}) => {
-  //! State
-  //! Function
-  const IsShow = (arrShows) => {
-    if (!arrShows || arrShows.length === 0) return false;
-    return arrShows.some((cond) => {
-      const okStatus = !cond.status || cond.status.length === 0 || cond.status.includes(status);
-      const okLevel = !cond.level || cond.level.length === 0 || cond.level.includes(countLevel);
-      return okStatus && okLevel;
-    });
-  };
-  const renderContentPopover = () => {
-    return /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: !isEmpty(listIcon) && listIcon?.map(
-      (item, index) => item?.showTitle && IsShow(item?.arrShows) && /* @__PURE__ */ jsxs(
-        "button",
-        {
-          className: twMerge(
-            "flex gap-4 px-3 py-2 rounded-sm  transition duration-200   hover:rounded-sm",
-            IsShow(item?.arrShows) ? "hover:bg-[#F5F6F7] cursor-pointer" : "text-[#B2B7C2] cursor-not-allowed"
-          ),
-          disabled: IsShow(item?.arrShows) ? false : true,
-          onClick: () => {
-            toggle();
-            setNotifyContent({
-              title: item?.title || "",
-              content: item?.content || "",
-              typeIcon: item?.typeIcon,
-              handleCancel: () => {
-                toggle();
-              },
-              handleSubmit: () => {
-                if (item?.action) {
-                  item?.action();
-                }
-                toggle();
-              }
-            });
-          },
-          children: [
-            item.iconDropList,
-            /* @__PURE__ */ jsx("span", { children: item.name || "" })
-          ]
-        },
-        index
-      )
-    ) });
-  };
-  //! Render
-  return /* @__PURE__ */ jsx("div", { className: "w-full flex justify-center items-center", children: /* @__PURE__ */ jsx(Tooltip, { title: "Thao tác khác", children: /* @__PURE__ */ jsx(
-    Popover,
-    {
-      placement: "bottom",
-      content: renderContentPopover(),
-      trigger: "click",
-      children: contentDropList ? contentDropList : /* @__PURE__ */ jsx("div", { className: "p-1 border-[#BDE3FF] rounded-full border cursor-pointer", children: /* @__PURE__ */ jsx(MoreIcon, { fill: "#007BE5" }) })
-    }
-  ) }) });
-};
-
-const BulkAction = ({
-  quantity = 0,
-  listIcon,
-  status,
-  setNotifyContent,
-  toggle
-}) => {
-  //! State
-  //! Function
-  const IsShow = (arrStatus) => {
-    return arrStatus.includes(status);
-  };
-  //! Render
-  return /* @__PURE__ */ jsx("div", { className: "w-full flex justify-center items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-[10px] py-3 bg-[#2561ED] rounded-lg w-fit", children: [
-    /* @__PURE__ */ jsxs("div", { className: "text-white px-3", children: [
-      "Đã chọn: ",
-      quantity
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "h-5 border-l border-white mx-1" }),
-    /* @__PURE__ */ jsx("div", { className: "flex items-center space-x-3", children: !isEmpty(listIcon) && listIcon?.map(
-      (item, index) => IsShow(item?.arrShow) && /* @__PURE__ */ jsx(Tooltip$1, { title: item?.name, children: /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "p-1 rounded-sm  transition duration-200 cursor-pointer hover:bg-[#1B4ACB] hover:rounded-sm",
-          onClick: () => {
-            toggle();
-            setNotifyContent({
-              title: item?.title || "",
-              content: item?.content || "",
-              typeIcon: item?.typeIcon,
-              handleCancel: () => {
-                toggle();
-              },
-              handleSubmit: () => {
-                if (item?.action) {
-                  item?.action();
-                }
-                toggle();
-              }
-            });
-          },
-          children: item.icon
-        },
-        index
-      ) })
-    ) })
-  ] }) });
-};
-
-const CustomeBulkActions = ({
-  quantity = 0,
-  status,
-  isApproved = false,
-  typeBulkaction,
-  typeService,
-  handleBulkAction,
-  handleBulkActionPrice,
-  contentDropList,
-  countLevel
-}) => {
-  //! State
-  const data = ListDataConvert({
-    isApproved,
-    typeService,
-    handleBulkAction,
-    handleBulkActionPrice
-  }) || [];
-  //! Function
-  const { open, shouldRender, toggle } = useToggle();
-  const [notifyContent, setNotifyContent] = useState({
-    title: "",
-    content: "",
-    typeIcon: "info",
-    handleCancel: () => {
-    },
-    handleSubmit: () => {
-    }
-  });
-  //! Function
-  const renderBulkActions = () => {
-    switch (typeBulkaction) {
-      case TypeBulkActions.BULKACTION:
-        return /* @__PURE__ */ jsx(
-          BulkAction,
-          {
-            listIcon: data,
-            quantity,
-            setNotifyContent,
-            toggle,
-            status
-          }
-        );
-      case TypeBulkActions.DROPLIST:
-        return /* @__PURE__ */ jsx(
-          DropListActions,
-          {
-            listIcon: data,
-            setNotifyContent,
-            toggle,
-            status,
-            contentDropList,
-            countLevel
-          }
-        );
-    }
-  };
-  //! Render
-  return /* @__PURE__ */ jsxs("div", { children: [
-    renderBulkActions(),
-    shouldRender && /* @__PURE__ */ jsx(
-      ConfirmModal,
-      {
-        title: notifyContent?.title,
-        content: notifyContent?.content,
-        typeIcon: notifyContent?.typeIcon,
-        open,
-        handleCancel: notifyContent?.handleCancel,
-        handleSubmit: notifyContent?.handleSubmit
-      }
-    )
-  ] });
-};
-const index = React__default.memo(CustomeBulkActions);
-
-export { CustomeBulkActions, index as default };