feat(admin): normalize Persian/Arabic digits in every numeric field

Users typing on a Persian keyboard produced two distinct failures. Fields with
type="number" silently returned an empty string — the browser rejects Persian
digits, so the value was lost and saved as empty or zero. Text fields passed the
Persian characters straight through to the database, where a mobile stored as
۰۹۱۲… never matches 09… again. The secretary form hit the second case with no
validation at all.

Frontend:
- Adds digitsOnly() and the national-code schemas to lib/utils, plus lib/forms
  with numericField()/latinDigitsField() wrappers for React Hook Form fields.
- Converts every type="number" input to type="text" inputMode="numeric" with
  digit normalization; none remain. Fields that legitimately carry non-digits
  (sheba, landline) only get the digits translated, keeping IR and separators.
- Points the patient national-code and mobile schemas at the shared normalizing
  schemas, which accept Persian input instead of rejecting it.
- Drops two duplicate local digit converters in favour of the shared helper.

Backend:
- Adds NumericFieldNormalizerSubscriber, translating digits in whitelisted
  numeric keys of JSON request bodies under /api/v1/ before controllers run, so
  nobat724_front and clinic-pro-tauri are covered too. Translation only — no
  characters are stripped, non-string values and other keys are untouched.

Three component tests asserted on role="spinbutton" and numeric input values;
both are properties of type="number", so they were updated to match the new
text inputs.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
hamed
2026-07-18 10:38:56 +03:30
co-authored by Claude Opus 4.8
parent c103c393f3
commit 00cb9aaa1a
42 changed files with 789 additions and 125 deletions
+5 -4
View File
@@ -18,6 +18,7 @@ import ConfirmDialog from '../components/ui/ConfirmDialog';
import Modal from '../components/ui/Modal';
import Pagination from '../components/ui/Pagination';
import SearchableSelect from '../components/ui/SearchableSelect';
import { numericField } from '../lib/forms';
type TabKey = 'provinces' | 'cities' | 'specialties' | 'doctor_services' | 'insurances' | 'tags';
@@ -349,7 +350,7 @@ function ProvincesTab() {
</div>
<div className="form-row" style={{ marginTop: 12 }}>
<label>ترتیب نمایش</label>
<input {...register('weight')} type="number" dir="ltr" className="input" placeholder="0" style={{ maxWidth: 120 }} />
<input {...numericField(register('weight'))} className="input" placeholder="0" style={{ maxWidth: 120 }} />
</div>
<div className="form-row" style={{ marginTop: 12 }}>
<label>وضعیت</label>
@@ -571,7 +572,7 @@ function CitiesTab() {
<div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 12, marginTop: 12 }}>
<div className="form-row">
<label>ترتیب نمایش</label>
<input {...register('weight')} type="number" dir="ltr" className="input" placeholder="0" />
<input {...numericField(register('weight'))} className="input" placeholder="0" />
</div>
<div className="form-row">
<label>وضعیت</label>
@@ -699,7 +700,7 @@ function SpecialtiesTab() {
<div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 12, marginTop: 12 }}>
<div className="form-row">
<label>ترتیب نمایش</label>
<input {...register('weight')} type="number" dir="ltr" className="input" placeholder="0" />
<input {...numericField(register('weight'))} className="input" placeholder="0" />
</div>
<div className="form-row">
<label>وضعیت</label>
@@ -824,7 +825,7 @@ function DoctorServicesTab() {
<div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 12, marginTop: 12 }}>
<div className="form-row">
<label>ترتیب نمایش</label>
<input {...register('weight')} type="number" dir="ltr" className="input" placeholder="0" />
<input {...numericField(register('weight'))} className="input" placeholder="0" />
</div>
<div className="form-row">
<label>وضعیت</label>