@goplusvn/core 0.1.87 → 0.1.89

package/src/ui/shared/status-indicator.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 /**
  * StatusIndicator — Semantic status dot + text component
@@ -13,65 +13,236 @@
  * <StatusIndicator status="cancelled" label="Đã hủy" />
  */
 
-import React, { memo, useMemo } from "react"
-import { cn } from "../../utils"
+import React, { memo, useMemo } from "react";
+import { cn, normalizeStatusValue } from "../../utils";
 
 // ── Status → Semantic Color Map ──────────────────────────────
-const STATUS_MAP: Record<string, { color: string; dotClass: string; label: string }> = {
+const STATUS_MAP: Record<
+  string,
+  { color: string; dotClass: string; label: string }
+> = {
   // Active / Positive
-  active:       { color: "text-success-text",  dotClass: "bg-success-semantic",    label: "Hoạt động" },
-  completed:    { color: "text-success-text",  dotClass: "bg-success-semantic",    label: "Hoàn thành" },
-  delivered:    { color: "text-success-text",  dotClass: "bg-success-semantic",    label: "Đã giao" },
-  paid:         { color: "text-success-text",  dotClass: "bg-success-semantic",    label: "Đã thanh toán" },
-  approved:     { color: "text-success-text",  dotClass: "bg-success-semantic",    label: "Đã duyệt" },
-  director_approved: { color: "text-success-text", dotClass: "bg-success-semantic", label: "Giám đốc đã duyệt" },
-  confirmed:    { color: "text-success-text",  dotClass: "bg-success-semantic",    label: "Đã xác nhận" },
-  received:     { color: "text-success-text",  dotClass: "bg-success-semantic",    label: "Đã nhận" },
-  delivery_completed: { color: "text-success-text", dotClass: "bg-success-semantic", label: "Hoàn thành" },
-  supplier_confirmed: { color: "text-success-text", dotClass: "bg-success-semantic", label: "NCC xác nhận" },
+  active: {
+    color: "text-success-text",
+    dotClass: "bg-success-semantic",
+    label: "Hoạt động",
+  },
+  completed: {
+    color: "text-success-text",
+    dotClass: "bg-success-semantic",
+    label: "Hoàn thành",
+  },
+  delivered: {
+    color: "text-success-text",
+    dotClass: "bg-success-semantic",
+    label: "Đã giao",
+  },
+  paid: {
+    color: "text-success-text",
+    dotClass: "bg-success-semantic",
+    label: "Đã thanh toán",
+  },
+  approved: {
+    color: "text-success-text",
+    dotClass: "bg-success-semantic",
+    label: "Đã duyệt",
+  },
+  director_approved: {
+    color: "text-success-text",
+    dotClass: "bg-success-semantic",
+    label: "Giám đốc đã duyệt",
+  },
+  confirmed: {
+    color: "text-success-text",
+    dotClass: "bg-success-semantic",
+    label: "Đã xác nhận",
+  },
+  received: {
+    color: "text-success-text",
+    dotClass: "bg-success-semantic",
+    label: "Đã nhận",
+  },
+  delivery_completed: {
+    color: "text-success-text",
+    dotClass: "bg-success-semantic",
+    label: "Hoàn thành",
+  },
+  supplier_confirmed: {
+    color: "text-success-text",
+    dotClass: "bg-success-semantic",
+    label: "NCC xác nhận",
+  },
 
   // Pending / Warning
-  pending:      { color: "text-warning-text",  dotClass: "bg-warning",             label: "Chờ xử lý" },
-  processing:   { color: "text-warning-text",  dotClass: "bg-warning",             label: "Đang xử lý" },
-  partial:      { color: "text-warning-text",  dotClass: "bg-warning",             label: "Một phần" },
-  partially_paid:{ color: "text-warning-text",  dotClass: "bg-warning",             label: "TT một phần" },
-  waiting:      { color: "text-warning-text",  dotClass: "bg-warning",             label: "Đang chờ" },
-  sent:         { color: "text-warning-text",  dotClass: "bg-warning",             label: "Chờ duyệt" },
-  pending_l1:   { color: "text-warning-text",  dotClass: "bg-warning",             label: "Chờ duyệt L1" },
-  pending_l2:   { color: "text-warning-text",  dotClass: "bg-warning",             label: "Chờ duyệt L2" },
-  pending_l3:   { color: "text-warning-text",  dotClass: "bg-warning",             label: "Chờ duyệt L3" },
-  pending_control: { color: "text-warning-text", dotClass: "bg-warning",           label: "Chờ kiểm soát" },
-  accounting_pending: { color: "text-warning-text", dotClass: "bg-warning",        label: "Chờ KT duyệt" },
-  director_pending: { color: "text-warning-text", dotClass: "bg-warning",          label: "Chờ BGĐ duyệt" },
-  accounting_revision: { color: "text-warning-text", dotClass: "bg-warning",       label: "Chỉnh sửa" },
-  waiting_supplier:{ color: "text-warning-text", dotClass: "bg-warning",           label: "Chờ NCC" },
-  partially_received: { color: "text-warning-text", dotClass: "bg-warning",        label: "Nhận một phần" },
+  pending: {
+    color: "text-warning-text",
+    dotClass: "bg-warning",
+    label: "Chờ xử lý",
+  },
+  processing: {
+    color: "text-warning-text",
+    dotClass: "bg-warning",
+    label: "Đang xử lý",
+  },
+  partial: {
+    color: "text-warning-text",
+    dotClass: "bg-warning",
+    label: "Một phần",
+  },
+  partially_paid: {
+    color: "text-warning-text",
+    dotClass: "bg-warning",
+    label: "TT một phần",
+  },
+  waiting: {
+    color: "text-warning-text",
+    dotClass: "bg-warning",
+    label: "Đang chờ",
+  },
+  sent: {
+    color: "text-warning-text",
+    dotClass: "bg-warning",
+    label: "Chờ duyệt",
+  },
+  pending_l1: {
+    color: "text-warning-text",
+    dotClass: "bg-warning",
+    label: "Chờ duyệt L1",
+  },
+  pending_l2: {
+    color: "text-warning-text",
+    dotClass: "bg-warning",
+    label: "Chờ duyệt L2",
+  },
+  pending_l3: {
+    color: "text-warning-text",
+    dotClass: "bg-warning",
+    label: "Chờ duyệt L3",
+  },
+  pending_control: {
+    color: "text-warning-text",
+    dotClass: "bg-warning",
+    label: "Chờ kiểm soát",
+  },
+  accounting_pending: {
+    color: "text-warning-text",
+    dotClass: "bg-warning",
+    label: "Chờ KT duyệt",
+  },
+  director_pending: {
+    color: "text-warning-text",
+    dotClass: "bg-warning",
+    label: "Chờ BGĐ duyệt",
+  },
+  accounting_revision: {
+    color: "text-warning-text",
+    dotClass: "bg-warning",
+    label: "Chỉnh sửa",
+  },
+  waiting_supplier: {
+    color: "text-warning-text",
+    dotClass: "bg-warning",
+    label: "Chờ NCC",
+  },
+  partially_received: {
+    color: "text-warning-text",
+    dotClass: "bg-warning",
+    label: "Nhận một phần",
+  },
   // Key dữ liệu THẬT của PurchaseOrder vinhhoa (bản local từng drift vì core thiếu key này — 2026-07 hợp nhất về core).
-  partial_received: { color: "text-warning-text", dotClass: "bg-warning",        label: "Nhận một phần" },
-  delivery_adjustment: { color: "text-warning-text", dotClass: "bg-warning",       label: "Điều chỉnh giao hàng" },
+  partial_received: {
+    color: "text-warning-text",
+    dotClass: "bg-warning",
+    label: "Nhận một phần",
+  },
+  delivery_adjustment: {
+    color: "text-warning-text",
+    dotClass: "bg-warning",
+    label: "Điều chỉnh giao hàng",
+  },
 
   // Info / In-progress
-  ordered:      { color: "text-info-text",     dotClass: "bg-info",                label: "Đã đặt" },
-  shipping:     { color: "text-info-text",     dotClass: "bg-info",                label: "Đang giao" },
-  in_transit:   { color: "text-info-text",     dotClass: "bg-info",                label: "Đang vận chuyển" },
-  delivering:   { color: "text-info-text",     dotClass: "bg-info",                label: "Đang giao hàng" },
-  accounting_approved: { color: "text-info-text", dotClass: "bg-info",             label: "Kế toán đã duyệt" },
+  ordered: { color: "text-info-text", dotClass: "bg-info", label: "Đã đặt" },
+  shipping: {
+    color: "text-info-text",
+    dotClass: "bg-info",
+    label: "Đang giao",
+  },
+  in_transit: {
+    color: "text-info-text",
+    dotClass: "bg-info",
+    label: "Đang vận chuyển",
+  },
+  delivering: {
+    color: "text-info-text",
+    dotClass: "bg-info",
+    label: "Đang giao hàng",
+  },
+  accounting_approved: {
+    color: "text-info-text",
+    dotClass: "bg-info",
+    label: "Kế toán đã duyệt",
+  },
 
   // Danger / Negative
-  cancelled:    { color: "text-danger-text",   dotClass: "bg-danger",              label: "Đã hủy" },
-  overdue:      { color: "text-danger-text",   dotClass: "bg-danger",              label: "Quá hạn" },
-  rejected:     { color: "text-danger-text",   dotClass: "bg-danger",              label: "Từ chối" },
-  failed:       { color: "text-danger-text",   dotClass: "bg-danger",              label: "Thất bại" },
-  inactive:     { color: "text-danger-text",   dotClass: "bg-danger",              label: "Ngừng hoạt động" },
-  unpaid:       { color: "text-danger-text",   dotClass: "bg-danger",              label: "Chưa thanh toán" },
-  refunded:     { color: "text-danger-text",   dotClass: "bg-danger",              label: "Đã hoàn tiền" },
-  returned:     { color: "text-danger-text",   dotClass: "bg-danger",              label: "Hoàn trả" },
+  cancelled: {
+    color: "text-danger-text",
+    dotClass: "bg-danger",
+    label: "Đã hủy",
+  },
+  overdue: {
+    color: "text-danger-text",
+    dotClass: "bg-danger",
+    label: "Quá hạn",
+  },
+  rejected: {
+    color: "text-danger-text",
+    dotClass: "bg-danger",
+    label: "Từ chối",
+  },
+  failed: {
+    color: "text-danger-text",
+    dotClass: "bg-danger",
+    label: "Thất bại",
+  },
+  inactive: {
+    color: "text-danger-text",
+    dotClass: "bg-danger",
+    label: "Ngừng hoạt động",
+  },
+  unpaid: {
+    color: "text-danger-text",
+    dotClass: "bg-danger",
+    label: "Chưa thanh toán",
+  },
+  refunded: {
+    color: "text-danger-text",
+    dotClass: "bg-danger",
+    label: "Đã hoàn tiền",
+  },
+  returned: {
+    color: "text-danger-text",
+    dotClass: "bg-danger",
+    label: "Hoàn trả",
+  },
 
   // Neutral
-  draft:        { color: "text-text-tertiary", dotClass: "bg-text-tertiary",       label: "Nháp" },
-  archived:     { color: "text-text-disabled", dotClass: "bg-text-disabled",       label: "Lưu trữ" },
-  unknown:      { color: "text-text-tertiary", dotClass: "bg-text-tertiary",       label: "Không xác định" },
-}
+  draft: {
+    color: "text-text-tertiary",
+    dotClass: "bg-text-tertiary",
+    label: "Nháp",
+  },
+  archived: {
+    color: "text-text-disabled",
+    dotClass: "bg-text-disabled",
+    label: "Lưu trữ",
+  },
+  unknown: {
+    color: "text-text-tertiary",
+    dotClass: "bg-text-tertiary",
+    label: "Không xác định",
+  },
+};
 
 // ── Tone (text color) → Badge variant ───────────────────────
 // Lets callers render the SAME status taxonomy as a filled colored Badge
@@ -86,7 +257,7 @@ const TONE_TO_BADGE_VARIANT: Record<
   "text-info-text": "info",
   "text-text-tertiary": "secondary",
   "text-text-disabled": "secondary",
-}
+};
 
 // ── "Solid / Trầm sang" (direction D) chip styles ────────────
 // Deep step-700 fills + white text. The subtle Badge variants (green-3 etc.)
@@ -98,7 +269,7 @@ const SOLID_STATUS_CLASS: Record<string, string> = {
   danger: "bg-red-700 text-white",
   info: "bg-blue-700 text-white",
   secondary: "bg-slate-600 text-white",
-}
+};
 
 /**
  * Resolve a status string to its canonical label + colors + matching Badge
@@ -108,32 +279,42 @@ const SOLID_STATUS_CLASS: Record<string, string> = {
  * - `badgeVariant`: the subtle semantic Badge variant (good on white surfaces).
  * - `solidClass`: deep "Trầm sang" fill + white text (good on navy/dark bars).
  */
-export function getStatusMeta(status: string, labelOverride?: string) {
-  const key = status?.toLowerCase().replace(/\s+/g, "_") ?? "unknown"
-  const resolved = STATUS_MAP[key] ?? STATUS_MAP.unknown
-  const badgeVariant = TONE_TO_BADGE_VARIANT[resolved.color] ?? "secondary"
+export function getStatusMeta(status: unknown, labelOverride?: string) {
+  // Chuẩn hoá TRƯỚC khi tra bảng: cột `is_active` kiểu Boolean gửi xuống
+  // `true`/`false`, gọi thẳng `.toLowerCase()` là ném TypeError và cả bảng
+  // trắng màn. `normalizeStatusValue` gom boolean/số/chuỗi về cùng một key.
+  const key = normalizeStatusValue(status) ?? "unknown";
+  const known = STATUS_MAP[key];
+  const resolved = known ?? STATUS_MAP.unknown;
+  const badgeVariant = TONE_TO_BADGE_VARIANT[resolved.color] ?? "secondary";
   return {
+    /** false = key lạ, đang dùng nhãn "Không xác định" — nơi gọi tự quyết. */
+    matched: Boolean(known),
     label: labelOverride ?? resolved.label,
     color: resolved.color,
     dotClass: resolved.dotClass,
     badgeVariant,
-    solidClass: SOLID_STATUS_CLASS[badgeVariant] ?? SOLID_STATUS_CLASS.secondary,
-  }
+    solidClass:
+      SOLID_STATUS_CLASS[badgeVariant] ?? SOLID_STATUS_CLASS.secondary,
+  };
 }
 
 export interface StatusIndicatorProps {
-  /** Status key (e.g., "active", "pending", "cancelled") */
-  status: string
+  /**
+   * Giá trị trạng thái: chuỗi ("active", "pending"…), boolean của cột
+   * `is_active`, hay số 1/0 — đều tra về cùng một key.
+   */
+  status: unknown;
   /** Override the default Vietnamese label */
-  label?: string
+  label?: string;
   /** Size variant */
-  size?: "sm" | "md" | "lg"
+  size?: "sm" | "md" | "lg";
   /** Show dot only (no text) */
-  dotOnly?: boolean
+  dotOnly?: boolean;
   /** Custom dot color class override */
-  dotColor?: string
+  dotColor?: string;
   /** Additional CSS classes */
-  className?: string
+  className?: string;
 }
 
 export const StatusIndicator = memo(function StatusIndicator({
@@ -145,31 +326,42 @@ export const StatusIndicator = memo(function StatusIndicator({
   className,
 }: StatusIndicatorProps) {
   const resolved = useMemo(() => {
-    const key = status?.toLowerCase().replace(/\s+/g, "_") ?? "unknown"
-    return STATUS_MAP[key] ?? STATUS_MAP.unknown
-  }, [status])
+    const key = normalizeStatusValue(status) ?? "unknown";
+    return STATUS_MAP[key] ?? STATUS_MAP.unknown;
+  }, [status]);
 
-  const dotSizeClass = size === "sm" ? "size-1.5" : size === "lg" ? "size-3" : "size-2"
-  const textSizeClass = size === "sm" ? "text-[11px]" : size === "lg" ? "text-sm" : "text-xs"
-  const displayLabel = labelOverride ?? resolved.label
+  const dotSizeClass =
+    size === "sm" ? "size-1.5" : size === "lg" ? "size-3" : "size-2";
+  const textSizeClass =
+    size === "sm" ? "text-[11px]" : size === "lg" ? "text-sm" : "text-xs";
+  const displayLabel = labelOverride ?? resolved.label;
 
   if (dotOnly) {
     return (
       <span
-        className={cn("inline-block rounded-full", dotColor ?? resolved.dotClass, dotSizeClass, className)}
+        className={cn(
+          "inline-block rounded-full",
+          dotColor ?? resolved.dotClass,
+          dotSizeClass,
+          className,
+        )}
         title={displayLabel}
       />
-    )
+    );
   }
 
   return (
     <span className={cn("inline-flex items-center gap-1.5", className)}>
       <span
-        className={cn("inline-block rounded-full flex-shrink-0", dotColor ?? resolved.dotClass, dotSizeClass)}
+        className={cn(
+          "inline-block rounded-full flex-shrink-0",
+          dotColor ?? resolved.dotClass,
+          dotSizeClass,
+        )}
       />
       <span className={cn("font-medium", resolved.color, textSizeClass)}>
         {displayLabel}
       </span>
     </span>
-  )
-})
+  );
+});

package/src/utils/index.ts

@@ -78,16 +78,16 @@ export const isNonNegative = (num: number) => num >= 0;
  * @returns Chuỗi đọc bằng chữ, VD: "Bảy mươi hai triệu một trăm năm mươi chín nghìn tám trăm hai mươi đồng"
  */
 export function readMoney(amount: number): string {
-  if (!Number.isFinite(amount)) return "Không đồng"
+  if (!Number.isFinite(amount)) return "Không đồng";
 
-  const isNegative = amount < 0
+  const isNegative = amount < 0;
 
   // Bỏ phần thập phân - VND không có đơn vị lẻ
-  amount = Math.floor(Math.abs(amount))
+  amount = Math.floor(Math.abs(amount));
 
-  if (amount === 0) return "Không đồng"
+  if (amount === 0) return "Không đồng";
 
-  const unit = ["", "nghìn", "triệu", "tỷ", "nghìn tỷ", "triệu tỷ"]
+  const unit = ["", "nghìn", "triệu", "tỷ", "nghìn tỷ", "triệu tỷ"];
   const digit = [
     "không",
     "một",
@@ -99,62 +99,62 @@ export function readMoney(amount: number): string {
     "bảy",
     "tám",
     "chín",
-  ]
+  ];
 
-  let str = amount.toString()
-  const groups: string[] = []
+  let str = amount.toString();
+  const groups: string[] = [];
   while (str.length > 0) {
-    groups.push(str.slice(-3))
-    str = str.slice(0, -3)
+    groups.push(str.slice(-3));
+    str = str.slice(0, -3);
   }
 
-  let result = ""
+  let result = "";
   for (let i = 0; i < groups.length; i++) {
-    const group = groups[i]
-    if (group === "000") continue
+    const group = groups[i];
+    if (group === "000") continue;
 
-    const [a, b, c] = group.padStart(3, "0").split("").map(Number)
-    let groupResult = ""
+    const [a, b, c] = group.padStart(3, "0").split("").map(Number);
+    let groupResult = "";
 
-    const hasHundreds = a !== 0 || groups.length > 1
+    const hasHundreds = a !== 0 || groups.length > 1;
 
     if (hasHundreds) {
-      groupResult += `${digit[a]} trăm `
+      groupResult += `${digit[a]} trăm `;
     }
 
     if (b === 0 && c !== 0) {
-      if (hasHundreds) groupResult += "lẻ "
+      if (hasHundreds) groupResult += "lẻ ";
     } else if (b === 1) {
-      groupResult += "mười "
+      groupResult += "mười ";
     } else if (b > 1) {
-      groupResult += `${digit[b]} mươi `
+      groupResult += `${digit[b]} mươi `;
     }
 
     if (c === 1 && b > 1) {
-      groupResult += "mốt "
+      groupResult += "mốt ";
     } else if (c === 5 && b > 0) {
-      groupResult += "lăm "
+      groupResult += "lăm ";
     } else if (c !== 0) {
-      groupResult += `${digit[c]} `
+      groupResult += `${digit[c]} `;
     }
 
     if (i === groups.length - 1 && a === 0) {
-      groupResult = groupResult.replace("không trăm ", "")
-      if (b === 0) groupResult = groupResult.replace("lẻ ", "")
+      groupResult = groupResult.replace("không trăm ", "");
+      if (b === 0) groupResult = groupResult.replace("lẻ ", "");
     }
 
     if (groupResult.trim() !== "") {
-      result = `${groupResult.trim()} ${unit[i]} ${result}`
+      result = `${groupResult.trim()} ${unit[i]} ${result}`;
     }
   }
 
-  result = result.trim() + " đồng"
+  result = result.trim() + " đồng";
 
   if (isNegative) {
-    return "Âm " + result
+    return "Âm " + result;
   }
 
-  return result.charAt(0).toUpperCase() + result.slice(1)
+  return result.charAt(0).toUpperCase() + result.slice(1);
 }
 
 /**
@@ -260,10 +260,31 @@ export function formatDate(
   const dateObj = typeof date === "string" ? new Date(date) : date;
 
   const formatOptions: Record<string, Intl.DateTimeFormatOptions> = {
-    short: { day: "2-digit", month: "2-digit", year: "numeric", timeZone: "Asia/Ho_Chi_Minh" },
-    medium: { day: "2-digit", month: "short", year: "numeric", timeZone: "Asia/Ho_Chi_Minh" },
-    long: { day: "numeric", month: "long", year: "numeric", timeZone: "Asia/Ho_Chi_Minh" },
-    full: { weekday: "long", day: "numeric", month: "long", year: "numeric", timeZone: "Asia/Ho_Chi_Minh" },
+    short: {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric",
+      timeZone: "Asia/Ho_Chi_Minh",
+    },
+    medium: {
+      day: "2-digit",
+      month: "short",
+      year: "numeric",
+      timeZone: "Asia/Ho_Chi_Minh",
+    },
+    long: {
+      day: "numeric",
+      month: "long",
+      year: "numeric",
+      timeZone: "Asia/Ho_Chi_Minh",
+    },
+    full: {
+      weekday: "long",
+      day: "numeric",
+      month: "long",
+      year: "numeric",
+      timeZone: "Asia/Ho_Chi_Minh",
+    },
   };
 
   return new Intl.DateTimeFormat(locale, formatOptions[format]).format(dateObj);
@@ -303,9 +324,24 @@ export function formatRelativeDate(value?: string | number | Date): string {
   yesterday.setDate(today.getDate() - 1);
 
   // Compare dates in Vietnam timezone
-  const vnDateStr = new Intl.DateTimeFormat("en-CA", { timeZone: "Asia/Ho_Chi_Minh", year: "numeric", month: "2-digit", day: "2-digit" }).format(date);
-  const vnTodayStr = new Intl.DateTimeFormat("en-CA", { timeZone: "Asia/Ho_Chi_Minh", year: "numeric", month: "2-digit", day: "2-digit" }).format(today);
-  const vnYesterdayStr = new Intl.DateTimeFormat("en-CA", { timeZone: "Asia/Ho_Chi_Minh", year: "numeric", month: "2-digit", day: "2-digit" }).format(yesterday);
+  const vnDateStr = new Intl.DateTimeFormat("en-CA", {
+    timeZone: "Asia/Ho_Chi_Minh",
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+  }).format(date);
+  const vnTodayStr = new Intl.DateTimeFormat("en-CA", {
+    timeZone: "Asia/Ho_Chi_Minh",
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+  }).format(today);
+  const vnYesterdayStr = new Intl.DateTimeFormat("en-CA", {
+    timeZone: "Asia/Ho_Chi_Minh",
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+  }).format(yesterday);
 
   if (vnDateStr === vnTodayStr) return "Today";
   if (vnDateStr === vnYesterdayStr) return "Yesterday";
@@ -317,8 +353,18 @@ export function formatRelativeDate(value?: string | number | Date): string {
  * Check if date is before today (Asia/Ho_Chi_Minh timezone)
  */
 export function isBeforeToday(date: Date): boolean {
-  const vnTodayStr = new Intl.DateTimeFormat("en-CA", { timeZone: "Asia/Ho_Chi_Minh", year: "numeric", month: "2-digit", day: "2-digit" }).format(new Date());
-  const vnDateStr = new Intl.DateTimeFormat("en-CA", { timeZone: "Asia/Ho_Chi_Minh", year: "numeric", month: "2-digit", day: "2-digit" }).format(date);
+  const vnTodayStr = new Intl.DateTimeFormat("en-CA", {
+    timeZone: "Asia/Ho_Chi_Minh",
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+  }).format(new Date());
+  const vnDateStr = new Intl.DateTimeFormat("en-CA", {
+    timeZone: "Asia/Ho_Chi_Minh",
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+  }).format(date);
   return vnDateStr < vnTodayStr;
 }
 
@@ -683,6 +729,9 @@ export {
   STATUS_VALUES,
   booleanToStatus,
   statusToBoolean,
+  normalizeStatusValue,
+  isTruthyStatus,
+  matchesOptionValue,
 } from "../configs/status";
 
 // ============================================================================