@bigbinary/neeto-fields-frontend 2.3.12 → 2.3.14

package/dist/{constants-CNocslTu.js → constants-CI3fpXzT.js}

@@ -20,7 +20,9 @@ var KINDS = {
   regex: "regex",
   integer: "integer",
   decimal: "decimal",
-  datetime: "datetime"
+  datetime: "datetime",
+  phoneNumber: "phone_number",
+  email: "email"
 };
 var DISPLAY_KINDS = {
   text: i18next.t("neetoFields.fields.kinds.text"),
@@ -39,7 +41,9 @@ var DISPLAY_KINDS = {
   regex: i18next.t("neetoFields.fields.kinds.regex"),
   integer: i18next.t("neetoFields.fields.kinds.integer"),
   decimal: i18next.t("neetoFields.fields.kinds.decimal"),
-  datetime: i18next.t("neetoFields.fields.kinds.datetime")
+  datetime: i18next.t("neetoFields.fields.kinds.datetime"),
+  phone_number: i18next.t("neetoFields.fields.kinds.phoneNumber"),
+  email: i18next.t("neetoFields.fields.kinds.email")
 };
 var FIELD_STATES = {
   active: "active",
@@ -61,4 +65,4 @@ exports.DISPLAY_KINDS = DISPLAY_KINDS;
 exports.FIELD_STATES = FIELD_STATES;
 exports.KINDS = KINDS;
 exports.MENU_ITEMS = MENU_ITEMS;
-//# sourceMappingURL=constants-CNocslTu.js.map
+//# sourceMappingURL=constants-CI3fpXzT.js.map

package/dist/constants-CI3fpXzT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants-CI3fpXzT.js","sources":["../app/javascript/src/components/FieldsDashBoard/constants.js"],"sourcesContent":["import { t } from \"i18next\";\nimport { values } from \"ramda\";\n\nexport const KINDS = {\n  text: \"text\",\n  number: \"number\",\n  monetary: \"monetary\",\n  singleOption: \"single_option\",\n  multiOption: \"multi_option\",\n  date: \"date\",\n  time: \"time\",\n  dateRange: \"date_range\",\n  timeRange: \"time_range\",\n  textarea: \"textarea\",\n  textArea: \"text_area\",\n  person: \"person\",\n  checkbox: \"checkbox\",\n  regex: \"regex\",\n  integer: \"integer\",\n  decimal: \"decimal\",\n  datetime: \"datetime\",\n  phoneNumber: \"phone_number\",\n  email: \"email\",\n};\n\nexport const DISPLAY_KINDS = {\n  text: t(\"neetoFields.fields.kinds.text\"),\n  number: t(\"neetoFields.fields.kinds.number\"),\n  monetary: t(\"neetoFields.fields.kinds.monetary\"),\n  single_option: t(\"neetoFields.fields.kinds.singleOption\"),\n  multi_option: t(\"neetoFields.fields.kinds.multiOption\"),\n  date: t(\"neetoFields.fields.kinds.date\"),\n  time: t(\"neetoFields.fields.kinds.time\"),\n  date_range: t(\"neetoFields.fields.kinds.dateRange\"),\n  time_range: t(\"neetoFields.fields.kinds.timeRange\"),\n  textarea: t(\"neetoFields.fields.kinds.textarea\"),\n  text_area: t(\"neetoFields.fields.kinds.textArea\"),\n  person: t(\"neetoFields.fields.kinds.person\"),\n  checkbox: t(\"neetoFields.fields.kinds.checkbox\"),\n  regex: t(\"neetoFields.fields.kinds.regex\"),\n  integer: t(\"neetoFields.fields.kinds.integer\"),\n  decimal: t(\"neetoFields.fields.kinds.decimal\"),\n  datetime: t(\"neetoFields.fields.kinds.datetime\"),\n  phone_number: t(\"neetoFields.fields.kinds.phoneNumber\"),\n  email: t(\"neetoFields.fields.kinds.email\"),\n};\n\nexport const FIELD_STATES = {\n  active: \"active\",\n  inactive: \"inactive\",\n};\n\nexport const DEFAULT_FIELD_STATE_TAXONOMY = {\n  active: \"Active\",\n  inactive: \"Inactive\",\n};\n\nexport const ALL_KINDS = values(KINDS);\n\nexport const MENU_ITEMS = { EDIT: \"edit\", DELETE: \"delete\" };\n"],"names":["KINDS","text","number","monetary","singleOption","multiOption","date","time","dateRange","timeRange","textarea","textArea","person","checkbox","regex","integer","decimal","datetime","phoneNumber","email","DISPLAY_KINDS","t","single_option","multi_option","date_range","time_range","text_area","phone_number","FIELD_STATES","active","inactive","DEFAULT_FIELD_STATE_TAXONOMY","ALL_KINDS","values","MENU_ITEMS","EDIT","DELETE"],"mappings":";;;;;AAGO,IAAMA,KAAK,GAAG;AACnBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,SAAS,EAAE,YAAY;AACvBC,EAAAA,SAAS,EAAE,YAAY;AACvBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,KAAK,EAAE;AACT;AAEO,IAAMC,aAAa,GAAG;AAC3BnB,EAAAA,IAAI,EAAEoB,SAAC,CAAC,+BAA+B,CAAC;AACxCnB,EAAAA,MAAM,EAAEmB,SAAC,CAAC,iCAAiC,CAAC;AAC5ClB,EAAAA,QAAQ,EAAEkB,SAAC,CAAC,mCAAmC,CAAC;AAChDC,EAAAA,aAAa,EAAED,SAAC,CAAC,uCAAuC,CAAC;AACzDE,EAAAA,YAAY,EAAEF,SAAC,CAAC,sCAAsC,CAAC;AACvDf,EAAAA,IAAI,EAAEe,SAAC,CAAC,+BAA+B,CAAC;AACxCd,EAAAA,IAAI,EAAEc,SAAC,CAAC,+BAA+B,CAAC;AACxCG,EAAAA,UAAU,EAAEH,SAAC,CAAC,oCAAoC,CAAC;AACnDI,EAAAA,UAAU,EAAEJ,SAAC,CAAC,oCAAoC,CAAC;AACnDX,EAAAA,QAAQ,EAAEW,SAAC,CAAC,mCAAmC,CAAC;AAChDK,EAAAA,SAAS,EAAEL,SAAC,CAAC,mCAAmC,CAAC;AACjDT,EAAAA,MAAM,EAAES,SAAC,CAAC,iCAAiC,CAAC;AAC5CR,EAAAA,QAAQ,EAAEQ,SAAC,CAAC,mCAAmC,CAAC;AAChDP,EAAAA,KAAK,EAAEO,SAAC,CAAC,gCAAgC,CAAC;AAC1CN,EAAAA,OAAO,EAAEM,SAAC,CAAC,kCAAkC,CAAC;AAC9CL,EAAAA,OAAO,EAAEK,SAAC,CAAC,kCAAkC,CAAC;AAC9CJ,EAAAA,QAAQ,EAAEI,SAAC,CAAC,mCAAmC,CAAC;AAChDM,EAAAA,YAAY,EAAEN,SAAC,CAAC,sCAAsC,CAAC;EACvDF,KAAK,EAAEE,SAAC,CAAC,gCAAgC;AAC3C;AAEO,IAAMO,YAAY,GAAG;AAC1BC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,QAAQ,EAAE;AACZ;AAEO,IAAMC,4BAA4B,GAAG;AAC1CF,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,QAAQ,EAAE;AACZ;IAEaE,SAAS,GAAGC,YAAM,CAACjC,KAAK;AAE9B,IAAMkC,UAAU,GAAG;AAAEC,EAAAA,IAAI,EAAE,MAAM;AAAEC,EAAAA,MAAM,EAAE;AAAS;;;;;;;;;"}

package/dist/index.js

@@ -1,10 +1,10 @@
 export { default as FieldInputs } from './FieldInputs.js';
 export { default as FieldsDashboard } from './FieldsDashboard.js';
-export { D as FieldDeleteAlert } from './DeleteAlert-CJO7QTRI.js';
+export { D as FieldDeleteAlert } from './DeleteAlert-BmmRp0Fm.js';
 export { default as FieldsPane } from './FieldsPane.js';
 export { default as FieldValuesContainer } from './FieldValuesContainer.js';
 export { default as InlineFieldValueInput } from './InlineFieldValueInput.js';
-export { n as neetoFieldsUtils } from './utils-v_XTpSJ4.js';
+export { n as neetoFieldsUtils } from './utils-DHzUV7Pv.js';
 export { c as useCreateField, b as useDestroyField, u as useFetchFields, d as useShowField, a as useUpdateField } from './useFieldsApi-CNM4-TGd.js';
 import '@babel/runtime/helpers/defineProperty';
 import '@bigbinary/neeto-commons-frontend/react-utils';
@@ -22,7 +22,7 @@ import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/utils';
 import '@bigbinary/neeto-filters-frontend/utils';
 import 'react-router-dom';
-import './constants-DAiy8JQK.js';
+import './constants-BxmvfAZX.js';
 import 'i18next';
 import 'axios';
 import './index-BCXsyMdx.js';
@@ -35,6 +35,7 @@ import '@bigbinary/neetoui/Button';
 import '@bigbinary/neeto-molecules/MenuBar';
 import 'react-dom';
 import '@bigbinary/neetoui/Pane';
+import './inject-css-DmrvuTKK.js';
 import 'classnames';
 import '@bigbinary/neeto-icons/Reorder';
 import '@bigbinary/neeto-filters-frontend/Bar';
@@ -53,13 +54,15 @@ import '@bigbinary/neetoui/formik/Select';
 import '@bigbinary/neetoui/formik/Switch';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@bigbinary/neeto-icons/Delete';
-import './FieldValueInputWrapper-aX4G5ntA.js';
+import './FieldValueInputWrapper-CEejp4rb.js';
 import '@bigbinary/neetoui/Checkbox';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/regenerator';
+import '@bigbinary/neeto-molecules/CopyToClipboardButton';
+import '@bigbinary/neeto-icons/Redirect';
+import '@bigbinary/neeto-molecules/PhoneNumber';
 import '@bigbinary/neetoui/DatePicker';
 import '@bigbinary/neetoui/TimePicker';
-import 'dayjs';
 import '@bigbinary/neeto-commons-frontend/utils/general';
 import '@bigbinary/neeto-icons/Check';
 import '@bigbinary/neetoui/Input';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/inject-css-DmrvuTKK.js

@@ -0,0 +1,4 @@
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
+
+export { n };
+//# sourceMappingURL=inject-css-DmrvuTKK.js.map

package/dist/inject-css-DmrvuTKK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-css-DmrvuTKK.js","sources":["../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js"],"sourcesContent":["var e=[],t=[];function n(n,r){if(n&&\"undefined\"!=typeof document){var a,s=!0===r.prepend?\"prepend\":\"append\",d=!0===r.singleTag,i=\"string\"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName(\"head\")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement(\"style\");if(e.setAttribute(\"type\",\"text/css\"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a=\"prepend\"===s?\"afterbegin\":\"beforeend\";return i.insertAdjacentElement(a,e),e}}export{n as default};\n"],"names":[],"mappings":"AAAA,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,OAAO,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,EAAC,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;;","x_google_ignoreList":[0]}

package/dist/inject-css-vQvjPR2x.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
+
+exports.n = n;
+//# sourceMappingURL=inject-css-vQvjPR2x.js.map

package/dist/inject-css-vQvjPR2x.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-css-vQvjPR2x.js","sources":["../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js"],"sourcesContent":["var e=[],t=[];function n(n,r){if(n&&\"undefined\"!=typeof document){var a,s=!0===r.prepend?\"prepend\":\"append\",d=!0===r.singleTag,i=\"string\"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName(\"head\")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement(\"style\");if(e.setAttribute(\"type\",\"text/css\"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a=\"prepend\"===s?\"afterbegin\":\"beforeend\";return i.insertAdjacentElement(a,e),e}}export{n as default};\n"],"names":[],"mappings":";;AAAA,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,OAAO,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,EAAC,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;;","x_google_ignoreList":[0]}

package/dist/{utils-CrPLWjT6.js → utils-B7nuI9io.js}

@@ -13,19 +13,25 @@ var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var React = require('react');
 var formik = require('formik');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
-var constants = require('./constants-CNocslTu.js');
+var constants = require('./constants-CI3fpXzT.js');
+var i18next = require('i18next');
+var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Redirect = require('@bigbinary/neeto-icons/Redirect');
+var Button = require('@bigbinary/neetoui/Button');
+var jsxRuntime = require('react/jsx-runtime');
+var PhoneNumber$2 = require('@bigbinary/neeto-molecules/PhoneNumber');
 var DatePicker = require('@bigbinary/neetoui/DatePicker');
 var TimePicker = require('@bigbinary/neetoui/TimePicker');
-var dayjs = require('dayjs');
-var i18next = require('i18next');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var yup = require('yup');
 var general = require('@bigbinary/neeto-commons-frontend/utils/general');
 var Check = require('@bigbinary/neeto-icons/Check');
 var Label = require('@bigbinary/neetoui/Label');
 var Spinner = require('@bigbinary/neetoui/Spinner');
-var jsxRuntime = require('react/jsx-runtime');
-var Select = require('@bigbinary/neetoui/formik/Select');
+var injectCss = require('./inject-css-vQvjPR2x.js');
 var Input = require('@bigbinary/neetoui/Input');
+var Select = require('@bigbinary/neetoui/formik/Select');
 var Select$1 = require('@bigbinary/neetoui/Select');
 var Textarea = require('@bigbinary/neetoui/Textarea');
 
@@ -48,16 +54,85 @@ function _interopNamespaceDefault(e) {
 
 var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
-var DIRECT_EDIT_INPUT_FIELDS = [constants.KINDS.checkbox];
+var OpenInApp = function OpenInApp(_ref) {
+  var value = _ref.value,
+    type = _ref.type;
+  var data = CONTACT_LINK_DATA[type];
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    },
+    children: /*#__PURE__*/jsxRuntime.jsx(Button, {
+      className: "flex-shrink-0",
+      href: "".concat(data.prefix).concat(value),
+      icon: Redirect,
+      size: "small",
+      style: "text",
+      tooltipProps: {
+        content: data.tooltipMessage,
+        position: "top"
+      }
+    })
+  });
+};
+
+var Email$1 = function Email(_ref) {
+  var value = _ref.value;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex w-full items-center gap-2",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+      style: "body2",
+      children: value
+    }), value !== MISSING_VALUE_PLACEHOLDER && /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex items-center",
+      children: [/*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton, {
+        value: value,
+        className: "flex-shrink-0",
+        size: "small",
+        style: "text"
+      }), /*#__PURE__*/jsxRuntime.jsx(OpenInApp, {
+        value: value,
+        type: constants.KINDS.email
+      })]
+    })]
+  });
+};
 
-var isDateTime = function isDateTime(kind) {
-  return ["date", "time", "date_range", "time_range", "datetime"].includes(kind);
+var PhoneNumber$1 = function PhoneNumber(_ref) {
+  var value = _ref.value;
+  var hasValue = value !== MISSING_VALUE_PLACEHOLDER;
+  return hasValue ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex w-full items-center",
+    children: [/*#__PURE__*/jsxRuntime.jsx(PhoneNumber$2.PhoneNumber, {
+      value: value,
+      showCopyButton: true,
+      showEmoji: true
+    }), /*#__PURE__*/jsxRuntime.jsx(OpenInApp, {
+      value: value,
+      type: constants.KINDS.phoneNumber
+    })]
+  }) : /*#__PURE__*/jsxRuntime.jsx(Typography, {
+    style: "body2",
+    children: value
+  });
 };
+
+var DIRECT_EDIT_INPUT_FIELDS = [constants.KINDS.checkbox];
+var DISPLAY_COMPONENT_MAP = _defineProperty(_defineProperty({}, constants.KINDS.phoneNumber, PhoneNumber$1), constants.KINDS.email, Email$1);
+var CONTACT_LINK_DATA = _defineProperty(_defineProperty({}, constants.KINDS.email, {
+  prefix: "mailto:",
+  tooltipMessage: i18next.t("neetoFields.tooltips.composeEmail")
+}), constants.KINDS.phoneNumber, {
+  prefix: "tel:",
+  tooltipMessage: i18next.t("neetoFields.tooltips.startCall")
+});
+var MISSING_VALUE_PLACEHOLDER = "-";
+
 var isDropdown = function isDropdown(kind) {
   return ["single_option", "multi_option"].includes(kind);
 };
 var isTextType = function isTextType(kind) {
-  return [constants.KINDS.text, constants.KINDS.decimal, constants.KINDS.integer, constants.KINDS.monetary, constants.KINDS.number, constants.KINDS.regex, constants.KINDS.textarea].includes(kind);
+  return [constants.KINDS.text, constants.KINDS.decimal, constants.KINDS.integer, constants.KINDS.monetary, constants.KINDS.number, constants.KINDS.regex, constants.KINDS.textarea, constants.KINDS.email, constants.KINDS.phoneNumber].includes(kind);
 };
 
 var dateSchema = yup__namespace.date().nullable();
@@ -140,6 +215,14 @@ var getBasicValidationSchema = function getBasicValidationSchema(_ref2) {
         var regexPattern = fieldData === null || fieldData === void 0 ? void 0 : fieldData.condition;
         return yup__namespace.string().nullable().matches(cleanedRegex(regexPattern), fieldData === null || fieldData === void 0 ? void 0 : fieldData.helpMessage);
       }
+    case constants.KINDS.email:
+      return yup__namespace.string().email(i18next.t("neetoFields.validations.invalidEntity", {
+        entity: i18next.t("neetoFields.fields.kinds.email")
+      }));
+    case constants.KINDS.phoneNumber:
+      return PhoneNumber$2.validation(i18next.t("neetoFields.validations.invalidEntity", {
+        entity: i18next.t("neetoFields.fields.kinds.phoneNumber")
+      }));
     default:
       return yup__namespace.mixed();
   }
@@ -199,7 +282,7 @@ var validateField = /*#__PURE__*/function () {
   };
 }();
 var dateTimeToString = function dateTimeToString(dateTime) {
-  return dateTime && dayjs(dateTime).toString() || "";
+  return dateTime && utils.dayjs(dateTime).toString() || "";
 };
 var getValueFromBool = function getValueFromBool(value) {
   return value === true ? i18next.t("neetoFields.common.yes") : i18next.t("neetoFields.common.no");
@@ -208,9 +291,9 @@ var getComponentDisplayName = function getComponentDisplayName(Component) {
   return Component.displayName || Component.name || "Component";
 };
 
-var _excluded$2 = ["name", "id", "kind", "data", "individualSubmit", "formRef", "formRefs", "disabled", "isRequiredColumnName", "isInline", "onBlur", "hasMetadataWrapper"];
-function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$3 = ["name", "id", "kind", "data", "individualSubmit", "formRef", "formRefs", "disabled", "isRequiredColumnName", "isInline", "onBlur", "hasMetadataWrapper"];
+function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFormikFields = function useFormikFields(_ref) {
   var name = _ref.name,
     fieldId = _ref.id,
@@ -228,10 +311,11 @@ var useFormikFields = function useFormikFields(_ref) {
     handleBlur = _ref$onBlur === void 0 ? neetoCist.noop : _ref$onBlur,
     _ref$hasMetadataWrapp = _ref.hasMetadataWrapper,
     hasMetadataWrapper = _ref$hasMetadataWrapp === void 0 ? false : _ref$hasMetadataWrapp,
-    props = _objectWithoutProperties(_ref, _excluded$2);
+    props = _objectWithoutProperties(_ref, _excluded$3);
   var formikContext = formik.useFormikContext();
   var submitForm = formikContext.submitForm,
     dirty = formikContext.dirty,
+    isValid = formikContext.isValid,
     isSubmitting = formikContext.isSubmitting;
   var fieldPath = escapeString("".concat(name, "-").concat(fieldId));
   var fieldName = kind === constants.KINDS.multiOption ? "values" : "value";
@@ -267,7 +351,7 @@ var useFormikFields = function useFormikFields(_ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             ramda.isNotNil(value) && helpers.setValue(value);
-            _context.t0 = individualSubmit;
+            _context.t0 = individualSubmit && isValid;
             if (!_context.t0) {
               _context.next = 5;
               break;
@@ -320,7 +404,7 @@ var useFormikFields = function useFormikFields(_ref) {
   return {
     dirty: dirty,
     handleSubmit: handleSubmit,
-    fieldProps: _objectSpread$b(_objectSpread$b({}, formikFieldProps), {}, {
+    fieldProps: _objectSpread$d(_objectSpread$d({}, formikFieldProps), {}, {
       id: fieldId,
       error: individualSubmit ? meta.error : meta.touched && meta.error,
       value: getValueForField(formikFieldProps.value),
@@ -332,22 +416,21 @@ var useFormikFields = function useFormikFields(_ref) {
       onBlur: isInline ? getBlurHandler(kind) : undefined,
       disabled: disabled,
       //conditional props
-      options: isDropdown(kind) ? fieldData : undefined,
-      getPopupContainer: !isInline && isDateTime(kind) ? ramda.prop("parentElement") : undefined
+      options: isDropdown(kind) ? fieldData : undefined
     }),
     helpers: helpers
   };
 };
 
-function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Checkbox = function Checkbox(props) {
   var _useFormikFields = useFormikFields(props),
     handleSubmit = _useFormikFields.handleSubmit,
     fieldProps = _useFormikFields.fieldProps;
   var submissionStatus = props.submissionStatus;
   var disabled = fieldProps.disabled || submissionStatus === index.SUBMIT_FIELD_STATUS.SUBMITTING;
-  return /*#__PURE__*/jsxRuntime.jsx(NeetoUICheckbox, _objectSpread$a(_objectSpread$a({}, _objectSpread$a(_objectSpread$a({}, fieldProps), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(NeetoUICheckbox, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, fieldProps), {}, {
     disabled: disabled
   })), {}, {
     checked: fieldProps.value,
@@ -358,13 +441,11 @@ var Checkbox = function Checkbox(props) {
   }));
 };
 
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
+var css$2 = ".neeto-fields-nano__metadata-card__spinner{scale:.6}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX21ldGFkYXRhLXBhbmVsLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsMkNBQ0UsUUFDRiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1maWVsZHMtbmFub19fbWV0YWRhdGEtY2FyZF9fc3Bpbm5lciB7XG4gIHNjYWxlOiAwLjY7XG59XG4iXX0= */";
+injectCss.n(css$2,{});
 
-var css$1 = ".neeto-fields-nano__metadata-card__spinner{scale:.6}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX21ldGFkYXRhLXBhbmVsLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsMkNBQ0UsUUFDRiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1maWVsZHMtbmFub19fbWV0YWRhdGEtY2FyZF9fc3Bpbm5lciB7XG4gIHNjYWxlOiAwLjY7XG59XG4iXX0= */";
-n(css$1,{});
-
-function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MetadataBlock = function MetadataBlock(_ref) {
   var labelProps = _ref.labelProps,
     label = _ref.label,
@@ -377,7 +458,7 @@ var MetadataBlock = function MetadataBlock(_ref) {
     "data-cy": label ? "".concat(general.hyphenize(label), "-container") : "meta-data-block-container",
     children: [!isInline && /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex items-center gap-2",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Label, _objectSpread$9(_objectSpread$9({
+      children: [/*#__PURE__*/jsxRuntime.jsx(Label, _objectSpread$b(_objectSpread$b({
         "data-cy": "".concat(general.hyphenize(label), "-label"),
         htmlFor: fieldId
       }, labelProps), {}, {
@@ -395,8 +476,8 @@ var MetadataBlock = function MetadataBlock(_ref) {
   });
 };
 
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var WithMetadataBlock = function WithMetadataBlock(Component) {
   var withMetadataBlockWrapper = function withMetadataBlockWrapper(props) {
     var submissionStatus = props.submissionStatus,
@@ -416,7 +497,7 @@ var WithMetadataBlock = function WithMetadataBlock(Component) {
       label: label,
       labelProps: labelProps,
       submissionStatus: submissionStatus,
-      children: /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$8(_objectSpread$8({}, props), {}, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$a(_objectSpread$a({}, props), {}, {
         hasMetadataWrapper: true
       }))
     });
@@ -425,9 +506,9 @@ var WithMetadataBlock = function WithMetadataBlock(Component) {
   return withMetadataBlockWrapper;
 };
 
-var _excluded$1 = ["onBlur"];
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$2 = ["onBlur"];
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DateOrTime = function DateOrTime(props) {
   var isInline = props.isInline;
   var _useState = React.useState(isInline),
@@ -439,7 +520,7 @@ var DateOrTime = function DateOrTime(props) {
     handleSubmit = _useFormikFields.handleSubmit,
     _useFormikFields$fiel = _useFormikFields.fieldProps,
     onBlur = _useFormikFields$fiel.onBlur,
-    fieldProps = _objectWithoutProperties(_useFormikFields$fiel, _excluded$1),
+    fieldProps = _objectWithoutProperties(_useFormikFields$fiel, _excluded$2),
     helpers = _useFormikFields.helpers;
   var handleChange = function handleChange(dateTime) {
     value.current = dateTimeToString(dateTime);
@@ -480,7 +561,7 @@ var DateOrTime = function DateOrTime(props) {
     };
   }();
   if (props.kind === constants.KINDS.time) {
-    return /*#__PURE__*/jsxRuntime.jsx(TimePicker, _objectSpread$7(_objectSpread$7({}, _objectSpread$7(_objectSpread$7({}, fieldProps), {}, {
+    return /*#__PURE__*/jsxRuntime.jsx(TimePicker, _objectSpread$9(_objectSpread$9({}, _objectSpread$9(_objectSpread$9({}, fieldProps), {}, {
       onOpenChange: onOpenChange
     })), {}, {
       use12Hours: true,
@@ -489,17 +570,17 @@ var DateOrTime = function DateOrTime(props) {
       onChange: handleChange
     }));
   } else if (props.kind === constants.KINDS.date) {
-    return /*#__PURE__*/jsxRuntime.jsx(DatePicker, _objectSpread$7(_objectSpread$7({}, _objectSpread$7(_objectSpread$7({}, fieldProps), {}, {
+    return /*#__PURE__*/jsxRuntime.jsx(DatePicker, _objectSpread$9(_objectSpread$9({}, _objectSpread$9(_objectSpread$9({}, fieldProps), {}, {
       onOpenChange: onOpenChange
     })), {}, {
       open: isOpen,
       onChange: handleChange
     }));
   }
-  return /*#__PURE__*/jsxRuntime.jsx(DatePicker, _objectSpread$7(_objectSpread$7({
+  return /*#__PURE__*/jsxRuntime.jsx(DatePicker, _objectSpread$9(_objectSpread$9({
     showTime: true,
     timeFormat: "h:mm A"
-  }, _objectSpread$7(_objectSpread$7({}, fieldProps), {}, {
+  }, _objectSpread$9(_objectSpread$9({}, fieldProps), {}, {
     onOpenChange: onOpenChange
   })), {}, {
     open: isOpen,
@@ -508,13 +589,37 @@ var DateOrTime = function DateOrTime(props) {
 };
 var DateOrTimeInput = WithMetadataBlock(DateOrTime);
 
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Email = function Email(props) {
+  var _useFormikFields = useFormikFields(props),
+    handleSubmit = _useFormikFields.handleSubmit,
+    fieldProps = _useFormikFields.fieldProps,
+    dirty = _useFormikFields.dirty;
+  var handleKeyDown = function handleKeyDown(event) {
+    if (event.key !== "Enter" || event.shiftKey) return;
+    event.preventDefault();
+    handleSubmit();
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread$8(_objectSpread$8(_objectSpread$8({}, fieldProps), {}, {
+    type: "email"
+  }, !props.isInline && {
+    onBlur: function onBlur() {
+      return dirty && handleSubmit();
+    }
+  }), {}, {
+    onKeyDown: handleKeyDown
+  }));
+};
+var EmailInput = WithMetadataBlock(Email);
+
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultiOption = function MultiOption(props) {
   var _useFormikFields = useFormikFields(props),
     handleSubmit = _useFormikFields.handleSubmit,
     fieldProps = _useFormikFields.fieldProps;
-  return /*#__PURE__*/jsxRuntime.jsx(Select, _objectSpread$6(_objectSpread$6({
+  return /*#__PURE__*/jsxRuntime.jsx(Select, _objectSpread$7(_objectSpread$7({
     isMulti: true,
     isSearchable: true,
     strategy: "fixed"
@@ -527,14 +632,14 @@ var MultiOption = function MultiOption(props) {
 };
 var MultiOptionInput = WithMetadataBlock(MultiOption);
 
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Number = function Number(props) {
   var _useFormikFields = useFormikFields(props),
     handleSubmit = _useFormikFields.handleSubmit,
     fieldProps = _useFormikFields.fieldProps,
     dirty = _useFormikFields.dirty;
-  return /*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread$5(_objectSpread$5({}, fieldProps), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread$6(_objectSpread$6({}, fieldProps), {}, {
     type: "number",
     onBlur: function onBlur() {
       return dirty && handleSubmit();
@@ -543,6 +648,52 @@ var Number = function Number(props) {
 };
 var NumberInput = WithMetadataBlock(Number);
 
+var css$1 = ".neeto-fields-phone-number-input .neeto-ui-input__prefix{padding-bottom:1px;padding-top:1px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3Bob25lX251bWJlcl9pbnB1dC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNFLHlEQUVFLGtCQUFBLENBREEsZUFDSiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1maWVsZHMtcGhvbmUtbnVtYmVyLWlucHV0IHtcbiAgLm5lZXRvLXVpLWlucHV0X19wcmVmaXgge1xuICAgIHBhZGRpbmctdG9wOiAxcHg7XG4gICAgcGFkZGluZy1ib3R0b206IDFweDtcbiAgfVxufVxuIl19 */";
+injectCss.n(css$1,{});
+
+var _excluded$1 = ["onBlur"];
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var withOnClickOutsideWrapper$1 = function withOnClickOutsideWrapper(Component) {
+  var WithOnClickOutsideWrapper = function WithOnClickOutsideWrapper(_ref) {
+    var _ref$onBlur = _ref.onBlur,
+      onBlur = _ref$onBlur === void 0 ? neetoCist.noop : _ref$onBlur,
+      props = _objectWithoutProperties(_ref, _excluded$1);
+    var ref = React.useRef(null);
+    var isInline = onBlur !== neetoCist.noop;
+    reactUtils.useOnClickOutside(ref, onBlur, {
+      enabled: isInline
+    });
+    return isInline ? /*#__PURE__*/jsxRuntime.jsx("div", {
+      ref: ref,
+      children: /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$5({}, props))
+    }) : /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$5({}, props));
+  };
+  WithOnClickOutsideWrapper.displayName = "WithOnClickOutsideWrapper(".concat(getComponentDisplayName(Component), ")");
+  return WithOnClickOutsideWrapper;
+};
+var PhoneNumberInput = withOnClickOutsideWrapper$1(PhoneNumber$2.PhoneNumberInput);
+var PhoneNumber = function PhoneNumber(props) {
+  var _useFormikFields = useFormikFields(props),
+    handleSubmit = _useFormikFields.handleSubmit,
+    fieldProps = _useFormikFields.fieldProps,
+    dirty = _useFormikFields.dirty,
+    helpers = _useFormikFields.helpers;
+  return /*#__PURE__*/jsxRuntime.jsx(PhoneNumberInput, _objectSpread$5(_objectSpread$5(_objectSpread$5({
+    className: "neeto-fields-phone-number-input"
+  }, fieldProps), !props.isInline && {
+    onBlur: function onBlur() {
+      return dirty && handleSubmit();
+    }
+  }), {}, {
+    size: "small",
+    onChange: function onChange(value) {
+      return helpers.setValue(value);
+    }
+  }));
+};
+var PhoneNumberInput$1 = WithMetadataBlock(PhoneNumber);
+
 var _excluded = ["onBlur"];
 function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -619,7 +770,7 @@ var SingleOption = function SingleOption(props) {
 var SingleOptionInput = WithMetadataBlock(SingleOption);
 
 var css = ".neeto-fields-nano-adaptive-input textarea{--neeto-ui-input-line-height:1.5}.neeto-fields-nano-adaptive-input .neeto-ui-input.neeto-ui-input--small{--neeto-ui-textarea-padding-x:0.5rem;--neeto-ui-textarea-padding-y:0.25rem}.neeto-fields-nano-adaptive-input .neeto-ui-input.neeto-ui-input--medium{--neeto-ui-textarea-padding-x:0.5rem;--neeto-ui-textarea-padding-y:0.3125rem}.neeto-fields-nano-adaptive-input .neeto-ui-input.neeto-ui-input--large{--neeto-ui-textarea-padding-x:0.75rem;--neeto-ui-textarea-padding-y:0.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX2FkYXB0aXZlX2lucHV0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0UsMkNBQ0UsZ0NBQUosQ0FJSSx3RUFDRSxvQ0FBQSxDQUNBLHFDQUZOLENBS0kseUVBQ0Usb0NBQUEsQ0FDQSx1Q0FITixDQU1JLHdFQUNFLHFDQUFBLENBQ0Esb0NBSk4iLCJzb3VyY2VzQ29udGVudCI6WyIubmVldG8tZmllbGRzLW5hbm8tYWRhcHRpdmUtaW5wdXQge1xuICB0ZXh0YXJlYSB7XG4gICAgLS1uZWV0by11aS1pbnB1dC1saW5lLWhlaWdodDogMS41O1xuICB9XG5cbiAgLm5lZXRvLXVpLWlucHV0IHtcbiAgICAmLm5lZXRvLXVpLWlucHV0LS1zbWFsbCB7XG4gICAgICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteDogMC41cmVtO1xuICAgICAgLS1uZWV0by11aS10ZXh0YXJlYS1wYWRkaW5nLXk6IDAuMjVyZW07XG4gICAgfVxuXG4gICAgJi5uZWV0by11aS1pbnB1dC0tbWVkaXVtIHtcbiAgICAgIC0tbmVldG8tdWktdGV4dGFyZWEtcGFkZGluZy14OiAwLjVyZW07XG4gICAgICAtLW5lZXRvLXVpLXRleHRhcmVhLXBhZGRpbmcteTogMC4zMTI1cmVtO1xuICAgIH1cblxuICAgICYubmVldG8tdWktaW5wdXQtLWxhcmdlIHtcbiAgICAgIC0tbmVldG8tdWktdGV4dGFyZWEtcGFkZGluZy14OiAwLjc1cmVtO1xuICAgICAgLS1uZWV0by11aS10ZXh0YXJlYS1wYWRkaW5nLXk6IDAuNXJlbTtcbiAgICB9XG4gIH1cbn1cbiJdfQ== */";
-n(css,{});
+injectCss.n(css,{});
 
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -690,7 +841,9 @@ var standardComponents = {
   multi_option: MultiOptionInput,
   date_range: RangePickerInput,
   time_range: RangePickerInput,
-  checkbox: Checkbox
+  checkbox: Checkbox,
+  phone_number: PhoneNumberInput$1,
+  email: EmailInput
 };
 var getFieldInput = function getFieldInput(_ref) {
   var field = _ref.field,
@@ -787,9 +940,11 @@ var neetoFieldsUtils = {
 };
 
 exports.DIRECT_EDIT_INPUT_FIELDS = DIRECT_EDIT_INPUT_FIELDS;
+exports.DISPLAY_COMPONENT_MAP = DISPLAY_COMPONENT_MAP;
+exports.MISSING_VALUE_PLACEHOLDER = MISSING_VALUE_PLACEHOLDER;
 exports.getFieldInput = getFieldInput;
 exports.getInitialFieldValue = getInitialFieldValue;
 exports.getNonSystemFields = getNonSystemFields;
 exports.getValueFromBool = getValueFromBool;
 exports.neetoFieldsUtils = neetoFieldsUtils;
-//# sourceMappingURL=utils-CrPLWjT6.js.map
+//# sourceMappingURL=utils-B7nuI9io.js.map