cozy-ui-plus 1.1.0

package/dist/Contacts/AddModal/ContactForm/FieldInputArray.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactFinalFormArrays = require("react-final-form-arrays");
+
+var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+var _CrossCircle = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/CrossCircle"));
+
+var _Plus = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Plus"));
+
+var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _FieldInput = _interopRequireDefault(require("./FieldInput"));
+
+var _helpers = require("./helpers");
+
+var _locales = require("./locales");
+
+var _excluded = ["name", "label"];
+
+var FieldInputArray = function FieldInputArray(_ref) {
+  var _ref$attributes = _ref.attributes,
+      name = _ref$attributes.name,
+      label = _ref$attributes.label,
+      restAttributes = (0, _objectWithoutProperties2.default)(_ref$attributes, _excluded),
+      contacts = _ref.contacts,
+      _ref$formProps = _ref.formProps,
+      valid = _ref$formProps.valid,
+      submitFailed = _ref$formProps.submitFailed,
+      errors = _ref$formProps.errors;
+  (0, _I18n.useExtendI18n)(_locales.locales);
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  return /*#__PURE__*/_react.default.createElement(_reactFinalFormArrays.FieldArray, {
+    name: name
+  }, function (_ref2) {
+    var fields = _ref2.fields;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, fields.map(function (nameWithIndex, index) {
+      var _fields$value$index, _fields$value$index2;
+
+      var key = ((_fields$value$index = fields.value[index]) === null || _fields$value$index === void 0 ? void 0 : _fields$value$index.fieldId) || nameWithIndex;
+      var showRemove = (_fields$value$index2 = fields.value[index]) === null || _fields$value$index2 === void 0 ? void 0 : _fields$value$index2[name];
+      var inputName = "".concat(nameWithIndex, ".").concat(name);
+      var isError = _helpers.fieldsRequired.includes(inputName) && !valid && submitFailed;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: key,
+        className: (0, _classnames.default)('u-flex u-flex-items-baseline', {
+          'u-mt-1': index !== 0
+        })
+      }, /*#__PURE__*/_react.default.createElement(_FieldInput.default, {
+        attributes: restAttributes,
+        contacts: contacts,
+        error: isError,
+        helperText: isError ? errors[inputName] : null,
+        name: inputName,
+        label: t("Contacts.AddModal.ContactForm.fields.".concat(name)),
+        labelProps: label
+      }), showRemove && /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, {
+        className: "u-ml-half"
+      }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+        "aria-label": "delete",
+        color: "error",
+        size: "medium",
+        onClick: function onClick() {
+          return (0, _helpers.removeField)(fields, index);
+        }
+      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        icon: _CrossCircle.default
+      }))));
+    }), /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+      variant: "text",
+      startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        icon: _Plus.default
+      }),
+      onClick: function onClick() {
+        return (0, _helpers.addField)(fields);
+      },
+      label: t("Contacts.AddModal.ContactForm.addLabel.".concat(name))
+    }));
+  });
+};
+
+var _default = FieldInputArray;
+exports.default = _default;

package/dist/Contacts/AddModal/ContactForm/FieldInputLayout.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _FieldInput = _interopRequireDefault(require("./FieldInput"));
+
+var _FieldInputAccordion = _interopRequireDefault(require("./FieldInputAccordion"));
+
+var _FieldInputArray = _interopRequireDefault(require("./FieldInputArray"));
+
+var _helpers = require("./helpers");
+
+var _locales = require("./locales");
+
+var _excluded = ["layout", "icon", "isSecondary"],
+    _excluded2 = ["name", "label"];
+
+var FieldInputLayout = function FieldInputLayout(_ref) {
+  var _ref$attributes = _ref.attributes,
+      layout = _ref$attributes.layout,
+      icon = _ref$attributes.icon,
+      isSecondary = _ref$attributes.isSecondary,
+      attributes = (0, _objectWithoutProperties2.default)(_ref$attributes, _excluded),
+      contacts = _ref.contacts,
+      showSecondaryFields = _ref.showSecondaryFields,
+      formProps = _ref.formProps;
+  (0, _I18n.useExtendI18n)(_locales.locales);
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var valid = formProps.valid,
+      submitFailed = formProps.submitFailed,
+      errors = formProps.errors;
+  var name = attributes.name,
+      label = attributes.label,
+      restAttributes = (0, _objectWithoutProperties2.default)(attributes, _excluded2);
+  var isError = _helpers.fieldsRequired.includes(name) && !valid && submitFailed;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('u-mt-1', {
+      'u-flex-items-center': !layout,
+      'u-flex-items-baseline': !!layout,
+      'u-flex': !isSecondary || showSecondaryFields,
+      'u-dn': isSecondary && !showSecondaryFields
+    })
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-w-2-half"
+  }, icon && /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: icon,
+    color: "var(--iconTextColor)"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-w-100"
+  }, layout === 'array' ? /*#__PURE__*/_react.default.createElement(_FieldInputArray.default, {
+    attributes: attributes,
+    contacts: contacts,
+    formProps: formProps
+  }) : layout === 'accordion' ? /*#__PURE__*/_react.default.createElement(_FieldInputAccordion.default, {
+    attributes: attributes,
+    contacts: contacts,
+    error: isError,
+    helperText: isError ? errors[name] : null
+  }) : /*#__PURE__*/_react.default.createElement(_FieldInput.default, {
+    attributes: restAttributes,
+    contacts: contacts,
+    error: isError,
+    helperText: isError ? errors[name] : null,
+    name: name,
+    label: t("Contacts.AddModal.ContactForm.fields.".concat(name)),
+    labelProps: label
+  })));
+};
+
+FieldInputLayout.propTypes = {
+  attributes: _propTypes.default.object,
+  contacts: _propTypes.default.shape({
+    data: _propTypes.default.arrayOf(_propTypes.default.object)
+  }),
+  formProps: _propTypes.default.object
+};
+var _default = FieldInputLayout;
+exports.default = _default;

package/dist/Contacts/AddModal/ContactForm/FieldInputWrapper.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _TextField = _interopRequireDefault(require("cozy-ui/transpiled/react/TextField"));
+
+var _TextFieldCustomLabelSelect = _interopRequireDefault(require("./TextFieldCustomLabelSelect"));
+
+var _TextFieldSelect = _interopRequireDefault(require("./TextFieldSelect"));
+
+var _types = require("../types");
+
+var _excluded = ["component"],
+    _excluded2 = ["input", "attributes", "variant", "fullWidth"];
+
+// component used to flatten props to ensure compatibility
+// between Field from react-final-form and TextField from Mui
+var FieldInputWrapper = function FieldInputWrapper(_ref) {
+  var input = _ref.input,
+      _ref$attributes = _ref.attributes,
+      component = _ref$attributes.component,
+      restAttributes = (0, _objectWithoutProperties2.default)(_ref$attributes, _excluded),
+      variant = _ref.variant,
+      fullWidth = _ref.fullWidth,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded2);
+  var Component = component || (restAttributes.customLabelOptions ? _TextFieldCustomLabelSelect.default : restAttributes !== null && restAttributes !== void 0 && restAttributes.select ? _TextFieldSelect.default : _TextField.default);
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, restAttributes, input, props, {
+    variant: variant,
+    fullWidth: fullWidth,
+    minRows: "2"
+  }));
+};
+
+FieldInputWrapper.propTypes = _types.FieldInputWrapperPropTypes;
+FieldInputWrapper.defaultProps = {
+  variant: 'outlined',
+  fullWidth: true
+};
+var _default = FieldInputWrapper;
+exports.default = _default;

package/dist/Contacts/AddModal/ContactForm/HasValueCondition.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactFinalForm = require("react-final-form");
+
+/*
+  Wrapper for react-final-form field that renders it children only if the field
+  with the given name has a truthy value or if the other condition is fulfilled
+*/
+var HasValueCondition = function HasValueCondition(_ref) {
+  var children = _ref.children,
+      otherCondition = _ref.otherCondition,
+      name = _ref.name;
+  return /*#__PURE__*/_react.default.createElement(_reactFinalForm.Field, {
+    name: name,
+    subscription: {
+      value: true
+    }
+  }, function (_ref2) {
+    var value = _ref2.input.value;
+    return otherCondition !== undefined && otherCondition || value ? children : null;
+  });
+};
+
+HasValueCondition.defaultProps = {
+  otherCondition: undefined
+};
+HasValueCondition.propTypes = {
+  children: _propTypes.default.element.isRequired,
+  name: _propTypes.default.string.isRequired,
+  otherCondition: _propTypes.default.bool
+};
+var _default = HasValueCondition;
+exports.default = _default;

package/dist/Contacts/AddModal/ContactForm/RelatedContactList.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RelatedContactList = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactFinalForm = require("react-final-form");
+
+var _contact = require("cozy-client/dist/models/contact");
+
+var _ContactsListModal = _interopRequireDefault(require("../../../ContactsListModal"));
+
+var RelatedContactList = function RelatedContactList(_ref) {
+  var name = _ref.name,
+      onClose = _ref.onClose,
+      contacts = _ref.contacts;
+
+  var _useForm = (0, _reactFinalForm.useForm)(),
+      change = _useForm.change;
+  /**
+   * @param {import('cozy-client/types/types').IOCozyContact} contact
+   */
+
+
+  var onClickContactsListModal = function onClickContactsListModal(contact) {
+    // Use `makeDisplayName` because if the contact is newly created, it has no `displayName` attribute. (Creation of a contact when selecting a linked contact)
+    change(name, (0, _contact.makeDisplayName)(contact));
+    change("".concat(name, "Id"), contact._id);
+    onClose();
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_ContactsListModal.default, {
+    dismissAction: onClose,
+    onItemClick: function onItemClick(contact) {
+      return onClickContactsListModal(contact);
+    },
+    contacts: contacts
+  });
+};
+
+exports.RelatedContactList = RelatedContactList;
+RelatedContactList.propTypes = {
+  name: _propTypes.default.string.isRequired,
+  onClose: _propTypes.default.func.isRequired,
+  contacts: _propTypes.default.shape({
+    data: _propTypes.default.arrayOf(_propTypes.default.object)
+  }).isRequired
+};

package/dist/Contacts/AddModal/ContactForm/TextFieldCustomLabelSelect.js

@@ -0,0 +1,104 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _TextFieldSelect = _interopRequireDefault(require("./TextFieldSelect"));
+
+var _helpers = require("./helpers");
+
+var _locales = require("./locales");
+
+var _CustomLabelDialog = _interopRequireDefault(require("../CustomLabelDialog"));
+
+var _types = require("../types");
+
+var _excluded = ["name", "value", "options", "customLabelOptions", "onChange"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var TextFieldCustomLabelSelect = function TextFieldCustomLabelSelect(_ref) {
+  var name = _ref.name,
+      value = _ref.value,
+      options = _ref.options,
+      customLabelOptions = _ref.customLabelOptions,
+      _onChange = _ref.onChange,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  (0, _I18n.useExtendI18n)(_locales.locales);
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      openModal = _useState2[0],
+      setOpenModal = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(function () {
+    return (0, _helpers.makeInitialCustomValue)(name, value);
+  }),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      customValue = _useState4[0],
+      setCustomValue = _useState4[1];
+
+  var customOption = customValue ? [{
+    value: customValue,
+    label: (0, _helpers.makeCustomLabel)(customValue, t),
+    translated: true,
+    onClick: function onClick() {
+      // trigger modal only if customValue is already selected
+      if (value === customValue) {
+        return setOpenModal(true);
+      }
+    }
+  }] : [{
+    value: 'skip',
+    label: 'Contacts.AddModal.ContactForm.label.custom',
+    onClick: function onClick() {
+      return setOpenModal(true);
+    }
+  }];
+
+  var _options = options.concat(customOption);
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_TextFieldSelect.default, (0, _extends2.default)({}, props, {
+    name: name,
+    value: value,
+    options: _options,
+    onChange: function onChange(ev) {
+      if (ev.target.value === 'skip') {
+        return;
+      }
+
+      _onChange(ev);
+    }
+  })), openModal && /*#__PURE__*/_react.default.createElement(_CustomLabelDialog.default, {
+    customValue: customValue,
+    customLabelOptions: customLabelOptions,
+    setCustomValue: setCustomValue,
+    onSubmit: _onChange,
+    onClose: function onClose() {
+      return setOpenModal(false);
+    }
+  }));
+};
+
+TextFieldCustomLabelSelect.prototype = _types.FieldInputWrapperPropTypes;
+var _default = TextFieldCustomLabelSelect;
+exports.default = _default;

package/dist/Contacts/AddModal/ContactForm/TextFieldSelect.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _MenuItem = _interopRequireDefault(require("cozy-ui/transpiled/react/MenuItem"));
+
+var _TextField = _interopRequireDefault(require("cozy-ui/transpiled/react/TextField"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _locales = require("./locales");
+
+var _types = require("../types");
+
+var _excluded = ["options"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var TextFieldSelect = function TextFieldSelect(_ref) {
+  var options = _ref.options,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  (0, _I18n.useExtendI18n)(_locales.locales);
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _options = (0, _toConsumableArray2.default)(options.map(function (option) {
+    return _objectSpread(_objectSpread({}, option), {}, {
+      label: option.translated ? option.label : t(option.label)
+    });
+  }));
+
+  return /*#__PURE__*/_react.default.createElement(_TextField.default, props, _options.map(function (option, index) {
+    return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+      key: "".concat(props.name, "-").concat(index),
+      value: option.value,
+      onClick: option.onClick
+    }, option.label);
+  }));
+};
+
+TextFieldSelect.prototype = _types.FieldInputWrapperPropTypes;
+var _default = TextFieldSelect;
+exports.default = _default;

package/dist/Contacts/AddModal/ContactForm/contactToFormValues.js

@@ -0,0 +1,119 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
+
+var _contact = require("cozy-client/dist/models/contact");
+
+var _fieldsConfig = require("./fieldsConfig");
+
+var _helpers = require("./helpers");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var contactToFormValues = function contactToFormValues(_ref) {
+  var contact = _ref.contact,
+      makeCustomContactValues = _ref.makeCustomContactValues,
+      t = _ref.t;
+
+  // initialize the form values, required so that array fields start with at least one editable field
+  var initialFieldValues = _fieldsConfig.fields.reduce(function (initialValues, _ref2) {
+    var name = _ref2.name,
+        layout = _ref2.layout;
+    initialValues[name] = layout === 'array' ? [undefined] : undefined;
+    return initialValues;
+  }, {});
+
+  if (contact) {
+    var _impp$find;
+
+    var gender = contact.gender,
+        address = contact.address,
+        birthday = contact.birthday,
+        birthplace = contact.birthplace,
+        company = contact.company,
+        jobTitle = contact.jobTitle,
+        cozy = contact.cozy,
+        email = contact.email,
+        impp = contact.impp,
+        name = contact.name,
+        note = contact.note,
+        phone = contact.phone;
+    var addressValue = address && address.length > 0 ? (0, _helpers.movePrimaryToHead)(address).map(function (addressInfo) {
+      var _addressInfo$extended, _addressInfo$extended2, _addressInfo$extended3, _addressInfo$extended4, _addressInfo$extended5, _addressInfo$extended6;
+
+      return {
+        fieldId: (0, _uniqueId.default)('fieldId_'),
+        address: (0, _contact.getFormattedAddress)(addressInfo, t),
+        addressnumber: addressInfo.number,
+        addressstreet: addressInfo.street || (0, _contact.getFormattedAddress)(addressInfo, t),
+        addresscode: addressInfo.postcode || addressInfo.code,
+        addresscity: addressInfo.city,
+        addressregion: addressInfo.region,
+        addresscountry: addressInfo.country,
+        addresslocality: (_addressInfo$extended = addressInfo.extendedAddress) === null || _addressInfo$extended === void 0 ? void 0 : _addressInfo$extended.locality,
+        addressbuilding: (_addressInfo$extended2 = addressInfo.extendedAddress) === null || _addressInfo$extended2 === void 0 ? void 0 : _addressInfo$extended2.building,
+        addressstairs: (_addressInfo$extended3 = addressInfo.extendedAddress) === null || _addressInfo$extended3 === void 0 ? void 0 : _addressInfo$extended3.stairs,
+        addressfloor: (_addressInfo$extended4 = addressInfo.extendedAddress) === null || _addressInfo$extended4 === void 0 ? void 0 : _addressInfo$extended4.floor,
+        addressapartment: (_addressInfo$extended5 = addressInfo.extendedAddress) === null || _addressInfo$extended5 === void 0 ? void 0 : _addressInfo$extended5.apartment,
+        addressentrycode: (_addressInfo$extended6 = addressInfo.extendedAddress) === null || _addressInfo$extended6 === void 0 ? void 0 : _addressInfo$extended6.entrycode,
+        addressLabel: (0, _helpers.makeItemLabel)(addressInfo)
+      };
+    }) : [undefined];
+    var cozyValue = cozy && cozy.length > 0 ? cozy[0].url : undefined;
+    var cozyLabel = cozy && cozy.length > 0 ? (0, _helpers.makeItemLabel)(cozy[0]) : undefined;
+    var emailValue = email && email.length > 0 ? (0, _helpers.movePrimaryToHead)(email).map(function (item) {
+      return {
+        fieldId: (0, _uniqueId.default)('fieldId_'),
+        email: item === null || item === void 0 ? void 0 : item.address,
+        emailLabel: (0, _helpers.makeItemLabel)(item)
+      };
+    }) : [undefined];
+    var matrixValue = impp && impp.length > 0 ? ((_impp$find = impp.find(function (item) {
+      return item.label === 'work' && item.protocol === 'matrix';
+    })) === null || _impp$find === void 0 ? void 0 : _impp$find.uri) || undefined : undefined;
+    var phoneValue = phone && phone.length > 0 ? (0, _helpers.movePrimaryToHead)(phone).map(function (item) {
+      return {
+        fieldId: (0, _uniqueId.default)('fieldId_'),
+        phone: item === null || item === void 0 ? void 0 : item.number,
+        phoneLabel: (0, _helpers.makeItemLabel)(item)
+      };
+    }) : [undefined];
+    var relatedContactValue = (0, _helpers.makeRelatedContact)(contact);
+    var customValues = (makeCustomContactValues === null || makeCustomContactValues === void 0 ? void 0 : makeCustomContactValues(contact)) || {};
+    return _objectSpread(_objectSpread({}, customValues), {}, {
+      gender: gender,
+      givenName: name === null || name === void 0 ? void 0 : name.givenName,
+      additionalName: name === null || name === void 0 ? void 0 : name.additionalName,
+      surname: name === null || name === void 0 ? void 0 : name.surname,
+      familyName: name === null || name === void 0 ? void 0 : name.familyName,
+      phone: phoneValue,
+      email: emailValue,
+      matrix: matrixValue,
+      address: addressValue,
+      cozy: cozyValue,
+      cozyLabel: cozyLabel,
+      company: company,
+      jobTitle: jobTitle,
+      birthday: birthday,
+      birthplace: birthplace,
+      note: note,
+      relatedContact: relatedContactValue
+    });
+  }
+
+  return initialFieldValues;
+};
+
+var _default = contactToFormValues;
+exports.default = _default;