sme-pos-package 1.0.7 → 1.0.9

package/src/types/staff.d.ts

@@ -0,0 +1,35 @@
+export type TStaff = {
+  staff_id: string
+  email: string
+  phone: string
+  id: number
+  updated_at: string
+  store_id: number
+  password: string
+  merchant_id: number
+  created_at: string
+  is_deleted: boolean
+  store_name: string
+  full_name: string
+}
+
+export type TCreateStaffPayload = {
+  staff_id: string
+  full_name: string
+  store_id: number
+  phone: string
+  email: string
+  password: string
+  old_password?: string
+}
+
+export type TUpdateStaffPayload = {
+  id: number
+  staff_id: string
+  full_name: string
+  store_id: number
+  phone: string
+  email: string
+  password?: string
+  old_password?: string
+}

package/src/types/store.d.ts

@@ -0,0 +1,25 @@
+export type TStore = {
+  source_id: number
+  name: string
+  vat: string | null
+  email: string | null
+  parent_id: number | null
+  create_date: number
+  id: number
+  address: string
+  phone: string | null
+  va_account_no: string | null
+}
+
+export type TCreateStorePayload = {
+  store_name: string
+  tax_no: string
+  address_line_1: string
+  country_id: number
+  city_id: string
+  district_id: string
+  ward_id: string
+}
+
+export type TAreaItem = { id: string; name: string }
+export type TAreaItemBE1 = { code: string; full_name: string }

package/src/types/table.d.ts

@@ -0,0 +1,57 @@
+import { TBasicOrder } from "./order";
+import { TProductInBill } from "./product";
+
+export type TOrderInfor = {
+  order_id: number;
+  table_name: string;
+  name: string;
+  point: number;
+  updated_at: number;
+  status: 0 | 1 | 2; // 0: thanh toán, 1: Có món, 2: Chưa có món
+  product_amount: number;
+};
+
+export type TOrderDetail = {
+  order_info: TOrderInfor;
+  products: TProductInBill[];
+};
+
+export type TTable = {
+  id: number;
+  table_id: number;
+  table_number: number;
+  max_slot: number;
+  available_slot: number;
+  customer_id: number | null;
+  is_available: boolean;
+  order_id: number | null;
+  order_code: string | null;
+  total_price: number | null;
+  product_amount: number | null;
+  [key: string]: any;
+};
+
+export type TBasicTable = {
+  id: number;
+  table_number: number;
+  floor_id: number;
+  seats: number;
+};
+
+export type TMapedTable = {
+  table: TBasicTable;
+  isTakeAway: boolean;
+  currentOrder?: TBasicOrder;
+};
+
+export type TQRTable = {
+  tableName: string;
+  qrString: string;
+};
+
+export type TCreateTablePayload = {
+  tableNumber: number;
+  floorId: number;
+  seats: number;
+  onSuccess?: () => void;
+};

package/src/utils/close-session-ticket.tsx

@@ -0,0 +1,129 @@
+import { formatCurrency, getDate, hh_mm_dd_mm_yyyy } from "@utils/functions";
+
+type TProps = {
+  sessionConfirmParams: {
+    cashCount: number;
+    note: string;
+  };
+  userData: any;
+  posId: number;
+  dataCloseSession: any;
+  posDetailInfo: any;
+  cashDifference: number;
+  company: any;
+  openAt: any;
+};
+
+export const generateTextShift = async (props: TProps) => {
+  const {
+    sessionConfirmParams,
+    userData,
+    posId,
+    dataCloseSession,
+    posDetailInfo,
+    cashDifference,
+    company,
+    openAt,
+  } = props;
+
+  const user = userData?.userProfile?.data;
+  const companyName = userData?.userProfile?.data?.company?.invoice_name;
+  const address = user?.company?.address;
+  const addressFormat = `${address?.street ?? ""} ${address?.street2 ?? ""}, ${
+    address?.ward ?? ""
+  }, ${address?.state ?? ""}`;
+
+  const currentPos = posDetailInfo?.records?.find(
+    (item: any) => item.id === Number(posId)
+  );
+  const closeSessionDate = getDate(new Date());
+
+  const line = "----------------------------------------";
+
+  const header = `
+  [C]{LOGO}
+[C]
+[C]${addressFormat}
+  
+[C]<font size='big'><b>PHIẾU GIAO CA</b></font>
+`;
+
+  const infoRows = `
+[L]Mã ca / Quầy:[R]<b>${[
+    currentPos?.current_session_id?.display_name,
+    currentPos?.name,
+  ].join("/")}</b>
+
+[L]Nhân viên:[R]<b>${currentPos?.current_user_id?.display_name}</b>
+
+[L]Giờ mở ca:[R]${hh_mm_dd_mm_yyyy(openAt)}
+[L]Giờ đóng ca:[R]${hh_mm_dd_mm_yyyy(new Date())}
+`;
+
+  const openingCash = `
+${line}
+[L]<b>Tiền mặt đầu ca (1)</b>[R]<b>${
+    formatCurrency(dataCloseSession?.default_cash_details?.opening) || 0
+  } đ</b>
+`;
+
+  const middleSections = `
+${line}
+[L]<b>Tiền mặt trong ca (2)</b>[R]<b>${
+    formatCurrency(dataCloseSession?.default_cash_details?.payment_amount) || 0
+  } đ</b>
+[L]Bán hàng[R]${
+    formatCurrency(dataCloseSession?.default_cash_details?.payment_amount) || 0
+  } đ
+
+${line}
+[L]<b>Tiền mặt cuối ca (3)=(1)+(2)</b>[R]<b>${
+    formatCurrency(dataCloseSession?.default_cash_details?.amount) || 0
+  } đ</b>
+[L]Tiền mặt bàn giao thực tế[R]${
+    formatCurrency(sessionConfirmParams.cashCount) || 0
+  } đ
+[L]Số tiền chênh lệch[R]${formatCurrency(cashDifference) || 0} đ
+
+${line}
+[L]<b>Phương thức thanh toán khác</b>[R]<b>${
+    formatCurrency(
+      dataCloseSession?.non_cash_payment_methods?.reduce(
+        (a: number, b: any) => a + (b?.amount || 0),
+        0
+      )
+    ) || 0
+  } đ</b>
+${
+  dataCloseSession?.non_cash_payment_methods
+    ?.map(
+      (i: any) => `[L]${i?.name}[R]${formatCurrency(i?.amount || 0) || 0} đ`
+    )
+    ?.join("\n") || ""
+}
+`;
+  const footer = `
+${line}
+
+[C]Ngày ${closeSessionDate.day} tháng ${closeSessionDate.month} năm ${closeSessionDate.year}
+
+[C]<b>Người bàn giao     Người nhận bàn giao</b>
+
+[C]
+[C]
+
+[C]<font size='small'>Powered by ${company?.companyInfo?.data?.[0]?.display_name}</font>
+
+[C]        
+[C]
+[C]
+`;
+
+  return `
+${header}
+${infoRows}
+${openingCash}
+${middleSections}
+${footer}
+`.trim();
+};

package/src/utils/functions.ts

@@ -0,0 +1,299 @@
+import { TProduct } from "@type/product/product";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: any[]) {
+  return twMerge(clsx(inputs));
+}
+
+export const generateRandomText = (length: number) => {
+  const chars =
+    "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  let result = "";
+  for (let i = 0; i < length; i++) {
+    result += chars.charAt(Math.floor(Math.random() * chars.length));
+  }
+  return result;
+};
+
+export const isObjectEmpty = (obj: object): boolean => {
+  return Object.keys(obj).length === 0;
+};
+
+export function arraysEqual(a: any[], b: any[]): boolean {
+  if (a.length !== b.length) return false;
+  return a.every((val, i) => val === b[i]);
+}
+
+export const formatCurrency = (value: string | number) => {
+  if (!value) return "";
+  return new Intl.NumberFormat("en-US").format(Number(value));
+};
+
+export const getTimeNow = () => {
+  const now = new Date();
+  const formatted = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(
+    2,
+    "0"
+  )}-${String(now.getDate()).padStart(2, "0")} ${String(
+    now.getHours()
+  ).padStart(2, "0")}:${String(now.getMinutes()).padStart(2, "0")}:${String(
+    now.getSeconds()
+  ).padStart(2, "0")}`;
+
+  return formatted;
+};
+
+export const parseStringToObject = (str: string) => {
+  try {
+    // First parse once — this removes outer quotes if needed
+    const firstParse = JSON.parse(str);
+
+    // If the result is still a string (double-encoded), parse again
+    if (typeof firstParse === "string") {
+      return JSON.parse(firstParse);
+    }
+
+    // Otherwise, it's already an object
+    return firstParse;
+  } catch (error) {
+    console.error("❌ Failed to parse JSON:", error);
+    return null;
+  }
+};
+
+export function cleanObject<T extends Record<string, any>>(obj: T): Partial<T> {
+  const result: Partial<T> = {};
+  for (const [k, v] of Object.entries(obj)) {
+    if (v != null) {
+      result[k as keyof T] = v;
+    }
+  }
+  return result;
+}
+
+export function filterObject(obj: Record<string, any>) {
+  return Object.fromEntries(
+    Object.entries(obj).filter(([_, value]) => {
+      if (value === "" || value === null || value === undefined) return false;
+      if (value === 0 || value === false) return false;
+      if (typeof value === "number" && Number.isNaN(value)) return false;
+      return true;
+    })
+  );
+}
+
+export function normalizeObject(obj: Record<string, any> | null) {
+  if (!obj) return null;
+  return Object.fromEntries(
+    Object.entries(obj).map(([key, value]) => {
+      if (value === false) return [key, ""];
+      if (typeof value === "string") return [key, value.trim()];
+      return [key, value];
+    })
+  );
+}
+
+export const makeTaxIds = (taxIds: number[]) => {
+  if (!taxIds || taxIds.length === 0) return [];
+
+  if (taxIds.length === 1) {
+    const id = taxIds[0];
+    return [4, id, { id }];
+  }
+
+  return taxIds.map((id) => [4, id, { id }]);
+};
+
+export function generatePosReference({
+  posId,
+  loginNum,
+  orderLength,
+}: {
+  posId: number | string;
+  loginNum: number | string;
+  orderLength: number | string;
+}) {
+  return (
+    "Order " +
+    posId.toString().padStart(5, "0") +
+    "-" +
+    loginNum.toString().padStart(3, "0") +
+    "-" +
+    orderLength.toString().padStart(4, "0")
+  );
+}
+
+export const getKey = (prodct: TProduct) => {
+  const attributeIds = prodct?.attributeValueIds?.join(".") ?? [];
+  return `${prodct?.id}${attributeIds.length > 0 ? "-" : ""}${attributeIds}`;
+};
+
+export const getProductIdFromKey = (key?: string) => {
+  return key?.includes("-") ? key?.split?.("-")?.[0] : key;
+};
+
+//format date
+
+export const getDate = (date: Date | string) => {
+  const value = new Date(date);
+  const day = value?.getDate().toString().padStart(2, "0");
+  const month = (value?.getMonth() + 1).toString().padStart(2, "0");
+  const year = value?.getFullYear();
+
+  return {
+    day,
+    month,
+    year,
+  };
+};
+
+export const hh_mm = (date: Date | string) => {
+  const value = new Date(date);
+  const hours = value?.getHours().toString().padStart(2, "0");
+  const minutes = value?.getMinutes().toString().padStart(2, "0");
+
+  return `${hours}:${minutes}`;
+};
+
+export const dd_mm_yyyy = (date: Date | string) => {
+  const value = new Date(date);
+  const day = value?.getDate().toString().padStart(2, "0");
+  const month = (value?.getMonth() + 1).toString().padStart(2, "0");
+  const year = value?.getFullYear();
+
+  return `${day}/${month}/${year}`;
+};
+
+export const hh_mm_dd_mm_yyyy = (date: Date | string) => {
+  return `${hh_mm(date)} ${dd_mm_yyyy(date)}`;
+};
+
+export function add7Hours(str: string | Date) {
+  const d = new Date(str);
+  return new Date(d.getTime() + 7 * 3600 * 1000);
+}
+
+// format currency
+export const unFormatCurrency = (value: string) => {
+  return value.replace(/\,/g, "");
+};
+
+export function ceilDecimal(value: number, decimals: number = 0): number {
+  const factor = Math.pow(10, decimals);
+  return Math.ceil(value * factor) / factor;
+}
+
+export function ceilToThousands(value: number): number {
+  return Math.ceil(value / 1000) * 1000;
+}
+
+export const formatVND = (amount: number) => {
+  return Math.ceil(amount).toLocaleString("en-US");
+};
+
+export const formatOrderPrice = (price: number) =>
+  price.toLocaleString("vi-VN", { maximumFractionDigits: 0 });
+
+export const randomNumber = () => {
+  return (Date.now() + Math.floor(Math.random() * 1000)).toString();
+};
+
+export const onFindTable = ({
+  order,
+  tables,
+  floors,
+}: {
+  order: any;
+  tables: any;
+  floors: any;
+}) => {
+  if (!tables || !floors || !tables.length || !floors.length)
+    return "Chưa xác định";
+
+  const tableMatched = tables?.find(
+    (table: any) => table.id === order?.table_id
+  );
+  const floorMatched = floors?.find(
+    (floor: any) => floor.id === tableMatched?.floor_id
+  );
+
+  const floor = floorMatched?.name;
+  const table = tableMatched?.table_number;
+
+  if ((order?.table_id && !tableMatched) || (!order?.table_id && floorMatched))
+    return "Chưa xác định";
+
+  const label = floor || table ? `${floor} - Bàn ${table}` : "Mang đi";
+
+  return label;
+};
+
+type ApiOrder = {
+  id: number;
+  pos_reference: string;
+  amount_total: number;
+  date_order: string | Date;
+  state: string;
+  table_id: string | number | boolean;
+  lines: number[];
+};
+
+export const imageToHex = (
+  imageUrl: string
+): Promise<{ width: number; height: number; hexString: string }> => {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    img.crossOrigin = "anonymous";
+    img.src = imageUrl;
+
+    img.onload = () => {
+      const width = img.width;
+      const height = img.height;
+      const canvas = document.createElement("canvas");
+      canvas.width = width;
+      canvas.height = height;
+      const ctx = canvas.getContext("2d");
+      if (!ctx) return reject("Cannot get canvas context");
+
+      ctx.drawImage(img, 0, 0, width, height);
+      const imageData = ctx.getImageData(0, 0, width, height);
+      const pixels = imageData.data;
+
+      let hexString = "";
+
+      for (let y = 0; y < height; y++) {
+        let byte = 0;
+        let bitCount = 0;
+
+        for (let x = 0; x < width; x++) {
+          const idx = (y * width + x) * 4;
+          const r = pixels[idx];
+          const g = pixels[idx + 1];
+          const b = pixels[idx + 2];
+
+          const gray = 0.299 * r + 0.587 * g + 0.114 * b;
+          const bw = gray < 128 ? 1 : 0;
+
+          byte = (byte << 1) | bw;
+          bitCount++;
+
+          if (bitCount === 8) {
+            hexString += byte.toString(16).padStart(2, "0");
+            byte = 0;
+            bitCount = 0;
+          }
+        }
+
+        if (bitCount > 0) {
+          byte = byte << (8 - bitCount);
+          hexString += byte.toString(16).padStart(2, "0");
+        }
+      }
+
+      resolve({ width, height, hexString });
+    };
+
+    img.onerror = reject;
+  });
+};

package/src/utils/i18n.ts

@@ -0,0 +1,25 @@
+import i18n from "i18next";
+import LanguageDetector from "i18next-browser-languagedetector";
+import { initReactI18next } from "react-i18next";
+import vi from "../locales/vi.json";
+import en from "../locales/en.json";
+i18n
+  .use(LanguageDetector)
+  .use(initReactI18next)
+  .init({
+    resources: {
+      vi: { translation: vi },
+      en: { translation: en },
+    },
+    fallbackLng: "vi",
+    debug: false,
+    nonExplicitSupportedLngs: true,
+    interpolation: {
+      escapeValue: false,
+    },
+    detection: {
+      caches: ["cookie"],
+    },
+  });
+
+export default i18n;