ui fixers in 10/16

Frontend/erp-system/lib/validations/phone.ts

@@ -0,0 +1,56 @@
+/**
+ * Sri Lankan phone number rule shared by master-data forms (warehouses, …). Mirrors the
+ * backend's `PhoneRules.Pattern` so the client rejects exactly what the API would.
+ *
+ * Accepted: 10 digits starting with 0 (0771234567, 011 234 5678) or +94 followed by 9 digits
+ * (+94771234567, +94 77 123 4567). Spaces and hyphens are allowed between digits.
+ */
+export const PHONE_PATTERN = /^(?:0(?:[\s-]*\d){9}|\+94(?:[\s-]*\d){9})[\s-]*$/
+
+/** Digit count allowed after the prefix's own digits, per format. */
+const LOCAL_DIGITS = 10 // 0 + 9
+const INTL_DIGITS = 11 // 94 + 9
+
+const PHONE_EXAMPLE = "e.g. 0771234567 or +94 77 123 4567"
+
+/**
+ * Input filter for a phone field's onChange: drops disallowed characters and stops accepting
+ * digits once the number is full, so the limit is enforced while typing rather than on save.
+ */
+export function limitPhoneInput(raw: string): string {
+  let out = ""
+  let digits = 0
+  for (const ch of raw) {
+    if (ch === "+") {
+      if (out.length === 0) out += ch // "+" only as the very first character
+      continue
+    }
+    if (ch === " " || ch === "-") {
+      out += ch
+      continue
+    }
+    if (!/\d/.test(ch)) continue
+    const max = out.startsWith("+") ? INTL_DIGITS : LOCAL_DIGITS
+    if (digits >= max) continue
+    out += ch
+    digits += 1
+  }
+  return out
+}
+
+/** Error message for an invalid phone, or null when valid. Blank is valid unless `required`. */
+export function phoneError(value: string, { required = false }: { required?: boolean } = {}): string | null {
+  const phone = value.trim()
+  if (!phone) return required ? "Enter a phone number" : null
+  if (/[^\d\s\-+]/.test(phone)) return "Phone number can only contain digits, spaces, - and a leading +"
+  const digits = phone.replace(/\D/g, "")
+  if (phone.startsWith("+")) {
+    if (!digits.startsWith("94")) return `International numbers must start with +94 — ${PHONE_EXAMPLE}`
+    if (digits.length !== INTL_DIGITS) return `+94 numbers need exactly 9 digits after +94 (${digits.length - 2} entered)`
+  } else {
+    if (!digits.startsWith("0")) return `Phone number must start with 0 or +94 — ${PHONE_EXAMPLE}`
+    if (digits.length !== LOCAL_DIGITS) return `Phone number must be exactly 10 digits (${digits.length} entered)`
+  }
+  if (!PHONE_PATTERN.test(phone)) return `Enter a valid phone number, ${PHONE_EXAMPLE}`
+  return null
+}