cozy-ui 128.8.0 → 128.10.0

package/transpiled/react/Contacts/AddModal/ContactForm/contactToFormValues.js

@@ -7,12 +7,14 @@ var contactToFormValues = function contactToFormValues(contact, t) {
   // initialize the form values, required so that array fields start with at least one editable field
   var initialFieldValues = fields.reduce(function (initialValues, _ref) {
     var name = _ref.name,
-        isArray = _ref.isArray;
-    initialValues[name] = isArray ? [undefined] : undefined;
+        layout = _ref.layout;
+    initialValues[name] = layout === 'array' ? [undefined] : undefined;
     return initialValues;
   }, {});
 
   if (contact) {
+    var _impp$find;
+
     var gender = contact.gender,
         address = contact.address,
         birthday = contact.birthday,
@@ -21,6 +23,7 @@ var contactToFormValues = function contactToFormValues(contact, t) {
         jobTitle = contact.jobTitle,
         cozy = contact.cozy,
         email = contact.email,
+        impp = contact.impp,
         name = contact.name,
         note = contact.note,
         phone = contact.phone;
@@ -54,6 +57,9 @@ var contactToFormValues = function contactToFormValues(contact, t) {
         emailLabel: 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 ? movePrimaryToHead(phone).map(function (item) {
       return {
         fieldId: uniqueId('fieldId_'),
@@ -70,6 +76,7 @@ var contactToFormValues = function contactToFormValues(contact, t) {
       familyName: name === null || name === void 0 ? void 0 : name.familyName,
       phone: phoneValue,
       email: emailValue,
+      matrix: matrixValue,
       address: addressValue,
       cozy: cozyValue,
       cozyLabel: cozyLabel,

package/transpiled/react/Contacts/AddModal/ContactForm/fieldsConfig.js

@@ -7,6 +7,7 @@ import CommentIcon from "cozy-ui/transpiled/react/Icons/Comment";
 import CompanyIcon from "cozy-ui/transpiled/react/Icons/Company";
 import EmailIcon from "cozy-ui/transpiled/react/Icons/Email";
 import LocationIcon from "cozy-ui/transpiled/react/Icons/Location";
+import MatrixIcon from "cozy-ui/transpiled/react/Icons/Matrix";
 import PeopleIcon from "cozy-ui/transpiled/react/Icons/People";
 import RelationshipIcon from "cozy-ui/transpiled/react/Icons/Relationship";
 import TelephoneIcon from "cozy-ui/transpiled/react/Icons/Telephone";
@@ -29,31 +30,36 @@ export var fields = [{
 }, {
   name: 'givenName',
   icon: null,
-  type: 'text'
-}, {
-  name: 'additionalName',
-  icon: null,
-  type: 'text'
+  type: 'text',
+  layout: 'accordion',
+  subFields: [{
+    name: 'additionalName',
+    icon: null,
+    type: 'text'
+  }, {
+    name: 'surname',
+    icon: null,
+    type: 'text'
+  }]
 }, {
   name: 'familyName',
   icon: null,
   type: 'text'
-}, {
-  name: 'surname',
-  icon: null,
-  type: 'text'
 }, {
   name: 'company',
   icon: CompanyIcon,
-  type: 'text'
-}, {
-  name: 'jobTitle',
-  icon: null,
-  type: 'text'
+  type: 'text',
+  layout: 'accordion',
+  subFields: [{
+    name: 'jobTitle',
+    icon: null,
+    type: 'text'
+  }]
 }, {
   name: 'phone',
   icon: TelephoneIcon,
   type: 'tel',
+  layout: 'array',
   label: {
     name: 'phoneLabel',
     select: true,
@@ -83,12 +89,12 @@ export var fields = [{
       value: '{"type":"fax","label":"work"}',
       label: 'Contacts.AddModal.ContactForm.label.phone.fax-work'
     }]
-  },
-  isArray: true
+  }
 }, {
   name: 'email',
   icon: EmailIcon,
   type: 'email',
+  layout: 'array',
   label: {
     name: 'emailLabel',
     select: true,
@@ -106,12 +112,16 @@ export var fields = [{
       value: '{"label":"work"}',
       label: 'Contacts.AddModal.ContactForm.label.work'
     }]
-  },
-  isArray: true
+  }
+}, {
+  name: 'matrix',
+  icon: MatrixIcon,
+  type: 'text'
 }, {
   name: 'address',
   icon: LocationIcon,
   type: 'text',
+  layout: 'array',
   InputProps: {
     readOnly: true
   },
@@ -181,12 +191,17 @@ export var fields = [{
       value: '{"label":"work"}',
       label: 'Contacts.AddModal.ContactForm.label.address.work'
     }]
-  },
-  isArray: true
+  }
+}, {
+  name: 'note',
+  icon: CommentIcon,
+  type: 'text',
+  multiline: true
 }, {
   name: 'cozy',
   icon: CloudIcon,
   type: 'url',
+  isSecondary: true,
   label: {
     name: 'cozyLabel',
     select: true,
@@ -209,16 +224,20 @@ export var fields = [{
   name: 'birthday',
   icon: CalendarIcon,
   type: 'date',
+  isSecondary: true,
   InputLabelProps: {
     shrink: true
   }
 }, {
   name: 'birthplace',
   icon: null,
-  type: 'text'
+  type: 'text',
+  isSecondary: true
 }, {
   name: 'relatedContact',
   icon: RelationshipIcon,
+  layout: 'array',
+  isSecondary: true,
   InputProps: {
     readOnly: true,
     endAdornment: /*#__PURE__*/React.createElement(InputAdornment, {
@@ -268,11 +287,5 @@ export var fields = [{
       value: '{"type":"recipient"}',
       label: 'Contacts.AddModal.ContactForm.label.relationship.recipient'
     }]
-  },
-  isArray: true
-}, {
-  name: 'note',
-  icon: CommentIcon,
-  type: 'text',
-  multiline: true
+  }
 }];

package/transpiled/react/Contacts/AddModal/ContactForm/formValuesToContact.js

@@ -5,7 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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) { _defineProperty(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; }
 
 import { updateIndexFullNameAndDisplayName } from 'cozy-client/dist/models/contact';
-import { removeAsscociatedData, removeRelatedContactRelationships, createAddress, getRelatedContactRelationships, makeTypeAndLabel } from "cozy-ui/transpiled/react/Contacts/AddModal/ContactForm/helpers";
+import { removeAsscociatedData, removeRelatedContactRelationships, createAddress, getRelatedContactRelationships, makeImppValues, makeTypeAndLabel } from "cozy-ui/transpiled/react/Contacts/AddModal/ContactForm/helpers";
 
 var formValuesToContact = function formValuesToContact(_ref) {
   var formValues = _ref.formValues,
@@ -19,6 +19,7 @@ var formValuesToContact = function formValuesToContact(_ref) {
       phone = formValues.phone,
       email = formValues.email,
       address = formValues.address,
+      matrix = formValues.matrix,
       cozy = formValues.cozy,
       company = formValues.company,
       jobTitle = formValues.jobTitle,
@@ -55,6 +56,7 @@ var formValuesToContact = function formValuesToContact(_ref) {
         primary: index === 0
       });
     }) : [],
+    impp: makeImppValues(oldContactCleaned, matrix),
     address: createAddress({
       address: address,
       oldContact: oldContactCleaned,

package/transpiled/react/Contacts/AddModal/ContactForm/helpers.d.ts

@@ -25,4 +25,10 @@ export function makeRelatedContact(contact: import('cozy-client/types/types').IO
 export function addField(fields: any): any;
 export function removeField(fields: any, index: any): void;
 export function makeCustomLabel(value: string, t: func): string;
+export function makeImppValues(oldContact: import('cozy-client/types/types').IOCozyContact, value: string | null): {
+    uri: string;
+    protocol: string;
+    label: string;
+    primary?: boolean;
+}[];
 export function makeInitialCustomValue(name: string, value: string): string;

package/transpiled/react/Contacts/AddModal/ContactForm/helpers.js

@@ -282,6 +282,45 @@ export var makeCustomLabel = function makeCustomLabel(value, t) {
   var secondString = label ? type ? " (".concat(t("Contacts.AddModal.ContactForm.label.".concat(label)), ")").toLowerCase() : "label.".concat(label) : '';
   return firstString + secondString || null;
 };
+/**
+ *
+ * @param {import('cozy-client/types/types').IOCozyContact} oldContact - Contact to be modified
+ * @param {string?} value - New URI value to add to the Contact
+ * @returns {{ uri: string, protocol: string, label: string, primary?: boolean }[]}
+ */
+
+export var makeImppValues = function makeImppValues(oldContact, value) {
+  var _value = (value === null || value === void 0 ? void 0 : value.trim()) || '';
+
+  var oldImppValues = oldContact === null || oldContact === void 0 ? void 0 : oldContact.impp;
+
+  if (_value) {
+    if (!oldImppValues || oldImppValues.length === 0) {
+      return [{
+        uri: _value,
+        protocol: 'matrix',
+        label: 'work',
+        primary: true
+      }];
+    }
+
+    return oldImppValues.map(function (el) {
+      if (el.protocol === 'matrix' && el.label === 'work') {
+        return _objectSpread(_objectSpread({}, el), {}, {
+          uri: _value
+        });
+      }
+
+      return el;
+    });
+  }
+
+  return (oldImppValues === null || oldImppValues === void 0 ? void 0 : oldImppValues.map(function (el) {
+    if (el.protocol !== 'matrix' || el.label !== 'work') {
+      return el;
+    }
+  }).filter(Boolean)) || [];
+};
 /**
  *
  * @param {string} name

package/transpiled/react/Contacts/AddModal/ContactForm/index.js

@@ -1,11 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
 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) { _defineProperty(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; }
 
 import arrayMutators from 'final-form-arrays';
-import React from 'react';
+import React, { useState } from 'react';
 import { Form } from 'react-final-form';
 import { getHasManyItems } from 'cozy-client/dist/associations/HasMany';
 import FieldInputLayout from "cozy-ui/transpiled/react/Contacts/AddModal/ContactForm/FieldInputLayout";
@@ -14,6 +15,7 @@ import { fields } from "cozy-ui/transpiled/react/Contacts/AddModal/ContactForm/f
 import formValuesToContact from "cozy-ui/transpiled/react/Contacts/AddModal/ContactForm/formValuesToContact";
 import { validateFields } from "cozy-ui/transpiled/react/Contacts/AddModal/ContactForm/helpers";
 import { locales } from "cozy-ui/transpiled/react/Contacts/AddModal/ContactForm/locales";
+import Button from "cozy-ui/transpiled/react/Buttons";
 import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n"; // import { fullContactPropTypes } from '../../ContactPropTypes' // !!
 // this variable will be set in the form's render prop
 // and used by the submit button in ContactFormModal
@@ -42,6 +44,12 @@ var ContactForm = function ContactForm(_ref) {
   var contact = _ref.contact,
       _onSubmit = _ref.onSubmit,
       contacts = _ref.contacts;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      showSecondaryFields = _useState2[0],
+      setShowSecondaryFields = _useState2[1];
+
   useExtendI18n(locales);
 
   var _useI18n = useI18n(),
@@ -75,13 +83,21 @@ var ContactForm = function ContactForm(_ref) {
           key: index,
           attributes: attributes,
           contacts: contacts,
+          showSecondaryFields: showSecondaryFields,
           formProps: {
             valid: valid,
             submitFailed: submitFailed,
             errors: errors
           }
         });
-      }));
+      }), !showSecondaryFields && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+        className: "u-db u-ml-2 u-mt-1",
+        variant: "text",
+        label: t('Contacts.AddModal.ContactForm.other-fields'),
+        onClick: function onClick() {
+          return setShowSecondaryFields(true);
+        }
+      })));
     }
   });
 }; // Used to avoid unnecessary multiple rendering of ContactForm when creating a new contact in another way.

package/transpiled/react/Contacts/AddModal/ContactForm/locales/index.js

@@ -6,6 +6,7 @@ var en = {
           man: "Man",
           woman: "Woman"
         },
+        "other-fields": "Other fields",
         fields: {
           gender: "Civility",
           givenName: "Firstname",
@@ -14,6 +15,7 @@ var en = {
           familyName: "Lastname",
           phone: "Phone",
           email: "Email",
+          matrix: "Matrix ID",
           address: "Address",
           cozy: "Twake URL",
           company: "Company",
@@ -79,6 +81,7 @@ var fr = {
           man: "Homme",
           woman: "Femme"
         },
+        "other-fields": "Autres champs",
         fields: {
           gender: "Civilit\xE9",
           givenName: "Pr\xE9nom",
@@ -88,6 +91,7 @@ var fr = {
           phone: "T\xE9l\xE9phone",
           email: "Email",
           address: "Adresse",
+          matrix: "ID Matrix",
           cozy: "URL du Twake",
           company: "Entreprise",
           jobTitle: "Fonction",

package/transpiled/react/Contacts/AddModal/mocks.d.ts

@@ -33,6 +33,17 @@ export namespace johnDoeContact {
         primary: boolean;
         type?: undefined;
     })[];
+    const impp: ({
+        uri: string;
+        protocol: string;
+        label: string;
+        primary: boolean;
+    } | {
+        uri: string;
+        protocol: string;
+        label: string;
+        primary?: undefined;
+    })[];
     const birthday: string;
     const birthplace: string;
     const gender: string;
@@ -70,6 +81,7 @@ export namespace johnDoeFormValues {
     const cozy_2: string;
     export { cozy_2 as cozy };
     export const cozyLabel: string;
+    export const matrix: string;
     const address_1: ({
         fieldId: string;
         address: string;
@@ -168,6 +180,13 @@ export namespace johnDoeContactWithRelated {
         primary?: undefined;
     })[];
     export { address_2 as address };
+    const impp_1: {
+        uri: string;
+        protocol: string;
+        label: string;
+        primary: boolean;
+    }[];
+    export { impp_1 as impp };
     const email_2: ({
         address: string;
         type: string;

package/transpiled/react/Contacts/AddModal/mocks.js

@@ -24,6 +24,26 @@ export var johnDoeContact = {
     address: 'john.doe@cozycloud.cc',
     primary: true
   }],
+  impp: [{
+    uri: 'john.doe@xmpp.net',
+    protocol: 'xmpp',
+    label: 'home',
+    primary: false
+  }, {
+    uri: 'john.doe@xmpp.net',
+    protocol: 'xmpp',
+    label: 'work',
+    primary: false
+  }, {
+    uri: 'john@doe.matrix.net',
+    protocol: 'matrix',
+    label: 'work',
+    primary: true
+  }, {
+    uri: 'john@doe.matrix.home',
+    protocol: 'matrix',
+    label: 'home'
+  }],
   birthday: '1999-5-1',
   birthplace: 'somewhere',
   gender: 'male',
@@ -59,6 +79,7 @@ export var johnDoeFormValues = {
   gender: 'male',
   cozy: 'https://johndoe.mycozy.cloud',
   cozyLabel: '{"type":"MyCozy"}',
+  matrix: 'john@doe.matrix.net',
   address: [{
     fieldId: 'fieldId_1',
     address: '94 Hinton Road 05034 Fresno, Singapore',
@@ -139,6 +160,17 @@ export var johnDoeContactWithRelated = {
     postcode: '84573',
     type: 'Work'
   }],
+  impp: [{
+    uri: 'john.doe@xmpp.net',
+    protocol: 'xmpp',
+    label: 'home',
+    primary: false
+  }, {
+    uri: 'john@doe.matrix.net',
+    protocol: 'matrix',
+    label: 'work',
+    primary: true
+  }],
   email: [{
     address: 'john.doe@posteo.net',
     type: 'personal',

package/transpiled/react/Contacts/AddModal/types.d.ts

@@ -26,7 +26,7 @@ export const fieldInputAttributesTypes: PropTypes.Requireable<PropTypes.InferPro
             defaultLabel: PropTypes.Requireable<string>;
         }>>;
     }>>;
-    isArray: PropTypes.Requireable<boolean>;
+    layout: PropTypes.Requireable<string>;
     subFields: PropTypes.Requireable<(PropTypes.InferProps<{
         name: PropTypes.Validator<string>;
         icon: PropTypes.Requireable<string>;

package/transpiled/react/Contacts/AddModal/types.js

@@ -17,7 +17,7 @@ export var fieldInputAttributesTypes = PropTypes.shape({
   icon: iconPropType,
   type: PropTypes.string,
   label: labelPropTypes,
-  isArray: PropTypes.bool,
+  layout: PropTypes.string,
   subFields: PropTypes.arrayOf(PropTypes.shape({
     name: PropTypes.string.isRequired,
     icon: PropTypes.string,