input-behavior-chile

What problem does it solve?

Prevents blocked numeric inputs and inconsistent local formats by enforcing Chilean input behaviors across forms and POS flows, so users can edit freely while the app preserves valid, storage-ready values.

Core Features & Use Cases

• Fluid Editing for Numeric Inputs: Maintain internal state as string|number, allow empty-string during typing, and apply validation/formatting only on blur or submit to avoid "input locked" behaviour in React/Next.js.
• RUT Formatting and Validation: Auto-punctuate RUT/Run/DNI fields to the pattern XX.XXX.XXX-Y and validate the check digit using modulo-11 to ensure correct tax IDs on customer profiles and invoicing.
• CLP Currency Display & Persistence: Show Chilean pesos with thousand separators using Intl.NumberFormat('es-CL') while storing raw integers (e.g., 10000) in state or DB; ideal for price fields in POS and cart.
• +56 Phone Normalization: Auto-prepend +56/+569 when appropriate, normalize to E.164 on save, and remove spaces/symbols for consistent contact storage.

Quick Start

Apply the input-behavior-chile conventions to a React form to auto-format RUT, display CLP with thousand separators, normalize Chilean phone numbers to E.164, and allow fluid numeric edits that validate on blur.