JSFiddle - React, Tailwind, and code Playground

by luka kupunia

JavaScript

[{
  "uuid": "48a077b9-4a79-4333-ada6-6f2f807a72be",
  "fieldName": "cardHolderSurname",
  "regExp": "^\\S+[a-zA-ZÀ-ž\\sẞß]+$",
  "availableValues": [],
  "nameAlias": "cardHolderSurname",
  "methodType": "WITHDRAWAL",
  "fieldGroups": [],
  "value": "",
  "validated": true,
  "touched": false
}, {
  "uuid": "01b158e8-d297-44d3-b213-3154e2eab3da",
  "fieldName": "cardHolderName",
  "regExp": "^\\S+[a-zA-ZÀ-ž\\sẞß]+$",
  "availableValues": [],
  "nameAlias": "cardHolderName",
  "methodType": "WITHDRAWAL",
  "fieldGroups": [],
  "value": "",
  "validated": true,
  "touched": false,
  "cmsData": {
    "properties": {
      "referenceName": "methodfields",
      "locale": "en"
    },
    "fields": {
      "name": "Name",
      "bOName": "cardHolderName",
      "validationMessage": "Card holder name should be only letters",
      "dateField": null
    }
  }
}, {
  "uuid": "a3ec0900-eedb-42ea-a502-46796f2dc041",
  "fieldName": "pan",
  "regExp": "^.{16,21}$",
  "availableValues": [],
  "nameAlias": "account",
  "methodType": "WITHDRAWAL",
  "fieldGroups": [],
  "value": "",
  "validated": true,
  "touched": false
}, {
  "uuid": "50b65800-7d08-47cd-9273-b1a2fd30f095",
  "fieldName": "expDate",
  "regExp": ".*",
  "availableValues": [],
  "nameAlias": "expDate",
  "methodType": "WITHDRAWAL",
  "fieldGroups": [],
  "value": "",
  "validated": true,
  "touched": false,
  "cmsData": {
    "properties": {
      "referenceName": "methodfields",
      "locale": "en"
    },
    "fields": {
      "name": "Exp. Date",
      "bOName": "expDate",
      "validationMessage": "Expiration date should be in the future",
      "dateField": "true"
    }
  }
}]