sme-pos-package 1.0.7 → 1.0.9

package/src/styles/loading.css

@@ -0,0 +1,72 @@
+.loading-container {
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  height: 48px;
+  margin: auto;
+  width: fit-content;
+  gap: 8px;
+}
+
+/* .loading-item {
+  border-radius: 10px;
+  width: 6.86px;
+  height: 28.8px;
+  background-color: var(--primary);
+  opacity: 0.2;
+  transition: height 0.2s, background-color 0.2s;
+} */
+
+.loading-container-small {
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  height: 24px;
+  margin: auto;
+  width: fit-content;
+  gap: 4px;
+}
+
+.loading-item {
+  border-radius: 10px;
+  width: 6.86px;
+  height: 28.8px;
+  background: var(--color-primary);
+  opacity: 0.2;
+  transition: height 0.2s, background-color 0.2s;
+}
+
+.loading-item-small {
+  border-radius: 8px;
+  width: 4px;
+  height: 14px;
+  background: var(--color-primary);
+  opacity: 0.2;
+  transition: height 0.2s, background-color 0.2s;
+}
+
+.loading-item.active {
+  height: 48px;
+  background: var(--color-primary);
+  opacity: 0.8;
+}
+.loading-item-small.active {
+  height: 24px;
+  background: var(--color-primary);
+  opacity: 0.8;
+}
+
+@keyframes spinkey {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+.spin {
+  animation: spinkey 2.4s linear infinite;
+  backface-visibility: hidden;
+  perspective: 1000px;
+  -webkit-animation: spinkey 2.4s linear;
+}

package/src/styles/main.css

@@ -0,0 +1,5 @@
+@import "./base.css";
+@import "./lib/tailwind.theme.css";
+/* @import "./lib/tailwind.css"; */
+@import "./loading.css";
+@import "./text.css";

package/src/styles/refreshing-content.css

@@ -0,0 +1,55 @@
+.lds-ellipsis {
+  display: inline-block;
+  position: relative;
+  width: 64px;
+  height: 64px;
+}
+.lds-ellipsis div {
+  position: absolute;
+  top: 27px;
+  width: 11px;
+  height: 11px;
+  border-radius: 50%;
+  background: #fff;
+  animation-timing-function: cubic-bezier(0, 1, 1, 0);
+}
+.lds-ellipsis div:nth-child(1) {
+  left: 6px;
+  animation: lds-ellipsis1 0.6s infinite;
+}
+.lds-ellipsis div:nth-child(2) {
+  left: 6px;
+  animation: lds-ellipsis2 0.6s infinite;
+}
+.lds-ellipsis div:nth-child(3) {
+  left: 26px;
+  animation: lds-ellipsis2 0.6s infinite;
+}
+.lds-ellipsis div:nth-child(4) {
+  left: 45px;
+  animation: lds-ellipsis3 0.6s infinite;
+}
+@keyframes lds-ellipsis1 {
+  0% {
+    transform: scale(0);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+@keyframes lds-ellipsis3 {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0);
+  }
+}
+@keyframes lds-ellipsis2 {
+  0% {
+    transform: translate(0, 0);
+  }
+  100% {
+    transform: translate(19px, 0);
+  }
+}

package/src/styles/text.css

@@ -0,0 +1,44 @@
+.interSemibold24 {
+  font-weight: 600;
+  font-size: 24px;
+}
+
+.interSemibold18 {
+  font-weight: 600;
+  font-size: 18px;
+}
+
+.interSemibold14 {
+  font-weight: 600;
+  font-size: 14px;
+}
+
+.interMedium16 {
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 24px;
+}
+
+.interMedium14 {
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.interRegular16 {
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 24px;
+}
+
+.interRegular14 {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.interRegular12 {
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+}

package/src/types/account.ts

@@ -0,0 +1,61 @@
+export type TAccount = {
+  merchant_id: number
+  first_name: null
+  last_name: null
+  industry_code: string
+  email: string
+  vat: string
+  phone: string
+  account_type: 'BUSINESS' | 'PERSONAL' | 'HOUSEHOLD_BUSINESS'
+  is_fnb: boolean
+  saleperson: {
+    name: string
+    phone: null
+  }
+  metabase_url: {
+    en: string
+    vi: string
+  }
+  tenant: string
+}
+
+export type TUser = {
+  id: string
+  name: string
+}
+
+export type TBusiness = {
+  business?: string
+  account_type?: string
+  trademark?: string
+  tax_no?: string
+  representative_name?: boolean
+  indentification_no?: boolean
+  position?: boolean
+  merchant_code?: string
+  address?: string
+  phone?: string
+  mobile?: string
+  email?: string
+  website?: boolean
+  acquirer_bank?: any
+  name?: string
+  x_use_qrpay?: boolean
+  industry_code?: string
+  city?: string
+}
+
+export type TMerchant = {
+  id: number
+  name: string
+  address: string
+  hotline: string
+  website: string
+  logo: string
+  banner: string
+  point_percent: number
+  provider: string
+  ref_id: number
+  type_id: number
+  active: boolean
+}

package/src/types/branch.ts

@@ -0,0 +1,6 @@
+export type TBranch = {
+  id: string
+  name: string
+  img: string
+  address: string
+}

package/src/types/category.ts

@@ -0,0 +1,13 @@
+export type TCategory = {
+  category_id: number
+  category_name: string
+  description: string
+  status: boolean
+  products: never[]
+}
+
+export type TCategoryInProduct = {
+  id: number
+  name: string
+  description: string
+}

package/src/types/common.ts

@@ -0,0 +1,4 @@
+type TDataRes<T> = {
+  length: number;
+  records: T;
+};

package/src/types/customer.ts

@@ -0,0 +1,52 @@
+import { TDataRes } from "./sale";
+
+export type TCustomer = {
+  barcode: boolean;
+  city: boolean;
+  code: boolean;
+  contact_address: string;
+  country_id: boolean;
+  email: string | boolean;
+  id: number;
+  lang: string;
+  mobile: boolean;
+  name: string;
+  parent_name: boolean;
+  phone: string;
+  property_account_position_id: boolean;
+  property_product_pricelist: number;
+  state_id: boolean;
+  street: boolean;
+  vat: boolean;
+  write_date: string;
+  zip: boolean;
+};
+
+export type TCustomerPayload = {
+  name: string;
+  phone: string;
+  email?: string;
+  birth_date?: string;
+  country_id?: number;
+  state_id?: number;
+  ward_id?: number;
+  street2?: string;
+  title?: number;
+};
+
+export type TUpdateCustomerPayload = TCustomerPayload & { id: number };
+
+export type TCustomerRes = TDataRes<TCustomer[]>;
+
+export type TBasicCustomer = {
+  id: number;
+  code: string | false;
+  name: string;
+  email: string;
+  country_id?: number;
+  state_id?: number;
+  ward_id?: number;
+  street?: string;
+  street2?: string;
+  oauth_uid: string;
+};

package/src/types/dashboard.ts

@@ -0,0 +1,18 @@
+export type TDashboard = {
+  Card_daily_revenue: any
+  Card_daily_transaction: any
+  Card_daily_revenue_diff: any
+  Card_daily_trans_diff: any
+  Card_monthly_revenue: any
+  Card_monthly_transaction: any
+  Card_yearly_revenue: any
+  Card_yearly_transaction: any
+  Table_recent_transaction: any
+}
+
+export type TChartItem = {
+  id: string
+  label: string
+  value: number
+  color: string
+}

package/src/types/edc.ts

@@ -0,0 +1,37 @@
+export enum TEDCType {
+  POS = 1,
+  Soundbox = 2,
+}
+
+export type TEDCItem = {
+  serial_number: string
+  store_id: number
+  va_channel: number | null
+  pos_id: number
+  status: boolean
+  type_edc: TEDCType
+  aggregated_data: {
+    tid: string[]
+    mid: string[]
+    bank: {
+      bank_code?: string
+      bank_url?: string
+      bank_name?: string
+      bank_bic?: string
+    }
+  }[]
+  store_name: string
+  va_account_no: string | null
+}
+
+export type TVAToLink = {
+  va_account_no: string
+  id: number
+  store_id: number
+  store_name: string
+}
+
+export type TMapEDCToVAPayload = {
+  va_account_no: string
+  pos_id: number
+}

package/src/types/export-e-invoice.ts

@@ -0,0 +1,17 @@
+export interface LastExportValues {
+  name: string
+  tax_code: string
+  enterprise: string
+  address: string
+  email: string
+  phoneNumber: string
+  isIndividual: boolean
+}
+
+export interface EInvoiceState {
+  enableAutoExportLocal: boolean
+  invoiceLookupCode: string
+  invoiceCQTCode: string
+  lastExportValues: LastExportValues
+  providers: any[]
+}

package/src/types/filter.d.ts

@@ -0,0 +1,12 @@
+import { TExtendedTransactionStatus } from './report.d'
+
+type CalendarFilterOptions = {
+  startDate: Date | null
+  endDate: Date | null
+}
+
+type FilterOptions = CalendarFilterOptions & {
+  saleLocation: number
+  textSearch: string
+  status: TExtendedTransactionStatus
+}

package/src/types/floor/floor.ts

@@ -0,0 +1,16 @@
+export type TFloorRes = {
+  length: number;
+  records: TFloor[];
+};
+
+export type TFloor = {
+  id: number;
+  name: string;
+  pos_config_ids: number[];
+  table_ids: TTableId[];
+};
+
+export type TTableId = {
+  id: number;
+  table_number: number;
+};

package/src/types/floor.d.ts

@@ -0,0 +1,36 @@
+export type TFloor = {
+  id: string
+  name: string
+  description?: string
+  tables: string[]
+}
+
+export type TFloorCardProps = {
+  id: string
+  name: string
+  description?: string
+  tables: string[]
+  onSelect: () => void
+  onEdit: (e: React.MouseEvent) => void
+  onDelete: (e: React.MouseEvent) => void
+}
+
+export type TFloorEmptyProps = {
+  onAddFloor: () => void
+}
+
+export type TFloorListProps = {
+  floors: TFloor[]
+  onSelectFloor: (floorId: string) => void
+  onEditFloor: (floorId: string) => void
+  onDeleteFloor: (floorId: string) => void
+  onAddFloor: () => void
+  isLoading?: boolean
+}
+
+export type TFloorActions = {
+  onSelect: (floorId: string) => void
+  onEdit: (floorId: string) => void
+  onDelete: (floorId: string) => void
+  onAdd: () => void
+}

package/src/types/index.ts

@@ -0,0 +1,127 @@
+import { TAttributeLine, TProduct } from "./product/product";
+
+export type OrderStatus =
+  | "new"
+  | "paid"
+  | "recorded"
+  | "invoiced"
+  | "cancel"
+  | "in_paid";
+
+export interface OrderItemData {
+  id: string;
+  status: OrderStatus;
+  date: string;
+  time: string;
+  price: number;
+}
+
+export interface OrderData {
+  id: number;
+  sessionId: string;
+  table: string;
+  employee: string;
+  createDate: string;
+  createTime: string;
+  status: OrderStatus;
+  partnerId: string | number | boolean;
+  totalProducts: number;
+  amountTax: number;
+  rewardPoints: number;
+  total: number;
+}
+
+export interface OrderDetailItemType {
+  id: TProduct["id"];
+  lineId: number;
+  name: TProduct["name"];
+  quantity: number;
+  price: number;
+  image: string;
+  unitPrice: number;
+  subTotal?: number;
+  inchTotal?: number;
+  taxesId: any[];
+  tax: number;
+  attributeValueIds: number[];
+  attributeLines?: TAttributeLine[];
+  pickAttributeValue?: TAttributeLine[];
+  pos_categ_ids?: number[];
+  note?: string;
+}
+
+export interface ApiOrder {
+  id: number;
+  pos_reference: string;
+  amount_total: number;
+  date_order: string;
+  state: string;
+  table_id: string | number | boolean;
+  lines: number[];
+}
+
+export interface ApiOrderDetail {
+  id: number;
+  session_id: { id: number; display_name: string };
+  table_id: string | number | boolean;
+  user_id: number;
+  partner_id: string | number | boolean;
+  date_order: string;
+  state: string;
+  amount_total: number;
+  amount_tax: number;
+  lines: any[];
+  pos_reference: string;
+}
+
+export interface SaleData {
+  active: boolean;
+  all_product_tag_ids: number[];
+  attributeLineIds: any[];
+  available_in_pos: boolean;
+  barcode: boolean | string;
+  categ_id: number;
+  combo_ids: number[];
+  default_code: boolean | string;
+  description: boolean | string;
+  description_sale: boolean | string;
+  display_name: string;
+  id: number;
+  image_128: boolean;
+  is_storable: boolean;
+  lst_price: number;
+  name: string;
+  pos_categ_ids: number[];
+  product_tag_ids: number[];
+  product_template_variant_value_ids: number[];
+  product_tmpl_id: number;
+  self_order_available: boolean;
+  service_tracking: string;
+  standard_price: number;
+  taxes_id: number[];
+  to_weight: boolean;
+  tracking: string;
+  type: string;
+  uom_id: number;
+  write_date: string;
+}
+
+export interface ProductImage {
+  id: number;
+  image_128: string;
+}
+
+export interface OrderStatusConfig {
+  bg: string;
+  label: string;
+  color: string;
+}
+
+export const ORDER_STATUS_CONFIG: Record<OrderStatus, OrderStatusConfig> = {
+  new: { bg: "bg-[#F6B51E]", label: "new", color: "#F6B51E" },
+  paid: { bg: "bg-[#178C48]", label: "paid", color: "#178C48" },
+  recorded: { bg: "bg-[#5B2CC9]", label: "recorded", color: "#5B2CC9" },
+  invoiced: { bg: "bg-[#2547D0]", label: "invoiced", color: "#2547D0" },
+  cancel: { bg: "bg-[#E51414]", label: "cancel", color: "#E51414" },
+  in_paid: { bg: "bg-[#178C48]", label: "in paid", color: "#178C48" },
+} as const;

package/src/types/invoice.ts

@@ -0,0 +1,32 @@
+import { TProductInBill } from './product'
+import { TPaymentMethodValue } from './report'
+
+export type InvoiceData = {
+  customer_id: number
+  invoice_id: number
+  name: string
+  order_code: string
+  order_id: number
+  payment_method: TPaymentMethodValue | null
+  phone_number: string
+  point: number
+  receive_amount: number | null
+  return_amount: number | null
+  status: number
+  table_id: number
+  table_name: string
+  total_price: number
+  updated_at: number
+  eiv_code: string | null
+  eiv_provider: string | null
+  eiv_exported_date: string | null
+}
+
+export type TInvoiceDetail = {
+  invoice_data: InvoiceData
+  merchant_info: {
+    id: number | null
+    name: string
+  }
+  products_data: TProductInBill[]
+}

package/src/types/modal.ts

@@ -0,0 +1,15 @@
+interface ModalProps {
+  children?: React.ReactNode
+  isOpen: boolean
+  onClose: () => void
+  className?: string
+  classNameIosPb?: string
+  header?: React.ReactNode
+  footer?: React.ReactNode
+  disableChangeColorTheme?: boolean
+  isHideHeader?: boolean
+  title?: string
+  modalClassName?: string
+  headerClassName?: string
+  headerAction?: React.ReactNode
+}

package/src/types/notification.ts

@@ -0,0 +1,12 @@
+export type TNotificationItem = {
+  id: number
+  table_id: number
+  order_id: number
+  order_code: string
+  notification_type: 0 | 1 | 2 | 3
+  table_name: string
+  status: 0 | 2
+  created_at: string
+  updated_at: string
+  merchant_id?: number
+}