cozy-ui-plus 1.1.0

package/dist/Contacts/AddModal/ContactForm/locales/index.js

@@ -0,0 +1,313 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.locales = void 0;
+var en = {
+  Contacts: {
+    AddModal: {
+      ContactForm: {
+        gender: {
+          man: "Man",
+          woman: "Woman"
+        },
+        "other-fields": "Other fields",
+        fields: {
+          gender: "Civility",
+          givenName: "Firstname",
+          additionalName: "2nd firstname",
+          surname: "Name in use",
+          familyName: "Lastname",
+          phone: "Phone",
+          email: "Email",
+          matrix: "Matrix ID",
+          address: "Address",
+          cozy: "Twake URL",
+          company: "Company",
+          jobTitle: "Job title",
+          birthday: "Birthday",
+          birthplace: "Birthplace",
+          relatedContact: "Related contact",
+          relationship: "Relationship",
+          note: "Notes",
+          label: "Label",
+          required: "One of these fields must be filled in"
+        },
+        label: {
+          none: "None",
+          home: "Personal",
+          work: "Pro",
+          custom: "Customised",
+          phone: {
+            "cell-home": "Cell (personal)",
+            "cell-work": "Cell (pro)",
+            "voice-home": "Voice (personal)",
+            "voice-work": "Voice (pro)",
+            "fax-home": "Fax (personal)",
+            "fax-work": "Fax (pro)"
+          },
+          address: {
+            home: "Home (personal)",
+            work: "Work (pro)"
+          },
+          relationship: {
+            parent: "Parent",
+            child: "Child",
+            sibling: "Sibling",
+            spouse: "Spouse",
+            coResident: "Co-resident",
+            friend: "Friend",
+            colleague: "Colleague",
+            coWorker: "Co-worker",
+            acquaintance: "Acquaintance",
+            helper: "Helper",
+            recipient: "Recipient"
+          }
+        },
+        addLabel: {
+          address: "Add an address",
+          email: "Add an email",
+          phone: "Add a phone",
+          relatedContact: "Add a related contact"
+        }
+      }
+    }
+  },
+  formatted: {
+    date: "yyyy-LL-dd",
+    address: "%{number} %{street}, %{code} %{city}, %{country}"
+  }
+};
+var fr = {
+  Contacts: {
+    AddModal: {
+      ContactForm: {
+        gender: {
+          man: "Homme",
+          woman: "Femme"
+        },
+        "other-fields": "Autres champs",
+        fields: {
+          gender: "Civilit\xE9",
+          givenName: "Pr\xE9nom",
+          additionalName: "2e pr\xE9nom",
+          surname: "Nom d'usage",
+          familyName: "Nom",
+          phone: "T\xE9l\xE9phone",
+          email: "Email",
+          address: "Adresse",
+          matrix: "ID Matrix",
+          cozy: "URL du Twake",
+          company: "Entreprise",
+          jobTitle: "Fonction",
+          birthday: "Anniversaire",
+          birthplace: "Lieu de naissance",
+          relatedContact: "Contact li\xE9",
+          relationship: "Relation",
+          note: "Notes",
+          label: "Libell\xE9",
+          required: "Un de ces champs doit \xEAtre renseign\xE9"
+        },
+        label: {
+          none: "Aucun",
+          home: "Perso",
+          work: "Pro",
+          custom: "Personnalis\xE9",
+          phone: {
+            "cell-home": "Mobile (perso)",
+            "cell-work": "Mobile (pro)",
+            "voice-home": "Fixe (perso)",
+            "voice-work": "Fixe (pro)",
+            "fax-home": "Fax (perso)",
+            "fax-work": "Fax (pro)"
+          },
+          address: {
+            home: "Domicile (perso)",
+            work: "Travail (pro)"
+          },
+          relationship: {
+            parent: "Parent",
+            child: "Enfant",
+            sibling: "Fr\xE8re/Soeur",
+            spouse: "Conjoint",
+            coResident: "Colocataire",
+            friend: "Ami",
+            colleague: "Coll\xE8gue/Collaborateur",
+            coWorker: "Associ\xE9/Partenaire",
+            acquaintance: "Connaissance",
+            helper: "Assistant/Aidant",
+            recipient: "B\xE9n\xE9ficiaire/Aid\xE9"
+          }
+        },
+        addLabel: {
+          address: "Ajouter une adresse",
+          email: "Ajouter un email",
+          phone: "Ajouter un t\xE9l\xE9phone",
+          relatedContact: "Ajouter un contact li\xE9"
+        }
+      }
+    }
+  },
+  formatted: {
+    date: "dd/LL/yyyy",
+    address: "%{number} %{street}, %{code} %{city}, %{country}"
+  }
+};
+var ru = {
+  Contacts: {
+    AddModal: {
+      ContactForm: {
+        gender: {
+          man: "\u041C\u0443\u0436\u0447\u0438\u043D\u0430",
+          woman: "\u0416\u0435\u043D\u0449\u0438\u043D\u0430"
+        },
+        "other-fields": "\u0414\u0440\u0443\u0433\u0438\u0435 \u043F\u043E\u043B\u044F",
+        fields: {
+          gender: "\u041F\u043E\u043B",
+          givenName: "\u0418\u043C\u044F",
+          additionalName: "\u0412\u0442\u043E\u0440\u043E\u0435 \u0438\u043C\u044F",
+          surname: "\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u043C\u043E\u0435 \u0438\u043C\u044F",
+          familyName: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F",
+          phone: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D",
+          email: "Email",
+          matrix: "Matrix ID",
+          address: "\u0410\u0434\u0440\u0435\u0441",
+          cozy: "Twake URL",
+          company: "\u041A\u043E\u043C\u043F\u0430\u043D\u0438\u044F",
+          jobTitle: "\u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C",
+          birthday: "\u0414\u0435\u043D\u044C \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F",
+          birthplace: "\u041C\u0435\u0441\u0442\u043E \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F",
+          relatedContact: "\u0421\u0432\u044F\u0437\u0430\u043D\u043D\u044B\u0439 \u043A\u043E\u043D\u0442\u0430\u043A\u0442",
+          relationship: "\u041E\u0442\u043D\u043E\u0448\u0435\u043D\u0438\u0435",
+          note: "\u0417\u0430\u043C\u0435\u0442\u043A\u0438",
+          label: "\u041C\u0435\u0442\u043A\u0430",
+          required: "\u041E\u0434\u043D\u043E \u0438\u0437 \u044D\u0442\u0438\u0445 \u043F\u043E\u043B\u0435\u0439 \u0434\u043E\u043B\u0436\u043D\u043E \u0431\u044B\u0442\u044C \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u043E"
+        },
+        label: {
+          none: "\u041D\u0435\u0442",
+          home: "\u041B\u0438\u0447\u043D\u043E\u0435",
+          work: "\u0420\u0430\u0431\u043E\u0447\u0435\u0435",
+          custom: "\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C\u0441\u043A\u043E\u0435",
+          phone: {
+            "cell-home": "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u0439 (\u043B\u0438\u0447\u043D\u044B\u0439)",
+            "cell-work": "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u0439 (\u0440\u0430\u0431\u043E\u0447\u0438\u0439)",
+            "voice-home": "\u0413\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 (\u043B\u0438\u0447\u043D\u044B\u0439)",
+            "voice-work": "\u0413\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0439 (\u0440\u0430\u0431\u043E\u0447\u0438\u0439)",
+            "fax-home": "\u0424\u0430\u043A\u0441 (\u043B\u0438\u0447\u043D\u044B\u0439)",
+            "fax-work": "\u0424\u0430\u043A\u0441 (\u0440\u0430\u0431\u043E\u0447\u0438\u0439)"
+          },
+          address: {
+            home: "\u0414\u043E\u043C\u0430\u0448\u043D\u0438\u0439 (\u043B\u0438\u0447\u043D\u044B\u0439)",
+            work: "\u0420\u0430\u0431\u043E\u0447\u0438\u0439 (\u0440\u0430\u0431\u043E\u0447\u0438\u0439)"
+          },
+          relationship: {
+            parent: "\u0420\u043E\u0434\u0438\u0442\u0435\u043B\u044C",
+            child: "\u0420\u0435\u0431\u0435\u043D\u043E\u043A",
+            sibling: "\u0411\u0440\u0430\u0442/\u0441\u0435\u0441\u0442\u0440\u0430",
+            spouse: "\u0421\u0443\u043F\u0440\u0443\u0433(\u0430)",
+            coResident: "\u0421\u043E\u0436\u0438\u0442\u0435\u043B\u044C",
+            friend: "\u0414\u0440\u0443\u0433",
+            colleague: "\u041A\u043E\u043B\u043B\u0435\u0433\u0430",
+            coWorker: "\u0421\u043E\u0442\u0440\u0443\u0434\u043D\u0438\u043A",
+            acquaintance: "\u0417\u043D\u0430\u043A\u043E\u043C\u044B\u0439",
+            helper: "\u041F\u043E\u043C\u043E\u0449\u043D\u0438\u043A",
+            recipient: "\u041F\u043E\u043B\u0443\u0447\u0430\u0442\u0435\u043B\u044C"
+          }
+        },
+        addLabel: {
+          address: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0430\u0434\u0440\u0435\u0441",
+          email: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C email",
+          phone: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0442\u0435\u043B\u0435\u0444\u043E\u043D",
+          relatedContact: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0441\u0432\u044F\u0437\u0430\u043D\u043D\u044B\u0439 \u043A\u043E\u043D\u0442\u0430\u043A\u0442"
+        }
+      }
+    }
+  },
+  formatted: {
+    date: "yyyy-LL-dd",
+    address: "%{number} %{street}, %{code} %{city}, %{country}"
+  }
+};
+var vi = {
+  Contacts: {
+    AddModal: {
+      ContactForm: {
+        gender: {
+          man: "Nam",
+          woman: "N\u1EEF"
+        },
+        "other-fields": "Tr\u01B0\u1EDDng kh\xE1c",
+        fields: {
+          gender: "Gi\u1EDBi t\xEDnh",
+          givenName: "T\xEAn",
+          additionalName: "T\xEAn l\xF3t th\u1EE9 2",
+          surname: "T\xEAn \u0111ang s\u1EED d\u1EE5ng",
+          familyName: "H\u1ECD",
+          phone: "\u0110i\u1EC7n tho\u1EA1i",
+          email: "Email",
+          matrix: "Matrix ID",
+          address: "\u0110\u1ECBa ch\u1EC9",
+          cozy: "Twake URL",
+          company: "C\xF4ng ty",
+          jobTitle: "Ch\u1EE9c v\u1EE5",
+          birthday: "Sinh nh\u1EADt",
+          birthplace: "N\u01A1i sinh",
+          relatedContact: "Li\xEAn h\u1EC7 li\xEAn quan",
+          relationship: "M\u1ED1i quan h\u1EC7",
+          note: "Ghi ch\xFA",
+          label: "Nh\xE3n",
+          required: "M\u1ED9t trong nh\u1EEFng tr\u01B0\u1EDDng n\xE0y ph\u1EA3i \u0111\u01B0\u1EE3c \u0111i\u1EC1n"
+        },
+        label: {
+          none: "Kh\xF4ng c\xF3",
+          home: "C\xE1 nh\xE2n",
+          work: "C\xF4ng vi\u1EC7c",
+          custom: "T\xF9y ch\u1EC9nh",
+          phone: {
+            "cell-home": "Di \u0111\u1ED9ng (c\xE1 nh\xE2n)",
+            "cell-work": "Di \u0111\u1ED9ng (c\xF4ng vi\u1EC7c)",
+            "voice-home": "Tho\u1EA1i (c\xE1 nh\xE2n)",
+            "voice-work": "Tho\u1EA1i (c\xF4ng vi\u1EC7c)",
+            "fax-home": "Fax (c\xE1 nh\xE2n)",
+            "fax-work": "Fax (c\xF4ng vi\u1EC7c)"
+          },
+          address: {
+            home: "Nh\xE0 (c\xE1 nh\xE2n)",
+            work: "V\u0103n ph\xF2ng (c\xF4ng vi\u1EC7c)"
+          },
+          relationship: {
+            parent: "Cha m\u1EB9",
+            child: "Con",
+            sibling: "Anh ch\u1ECB em",
+            spouse: "V\u1EE3/ch\u1ED3ng",
+            coResident: "C\u01B0 d\xE2n chung",
+            friend: "B\u1EA1n",
+            colleague: "\u0110\u1ED3ng nghi\u1EC7p",
+            coWorker: "\u0110\u1ED3ng nghi\u1EC7p",
+            acquaintance: "Ng\u01B0\u1EDDi quen",
+            helper: "Ng\u01B0\u1EDDi gi\xFAp \u0111\u1EE1",
+            recipient: "Ng\u01B0\u1EDDi nh\u1EADn"
+          }
+        },
+        addLabel: {
+          address: "Th\xEAm \u0111\u1ECBa ch\u1EC9",
+          email: "Th\xEAm email",
+          phone: "Th\xEAm \u0111i\u1EC7n tho\u1EA1i",
+          relatedContact: "Th\xEAm li\xEAn h\u1EC7 li\xEAn quan"
+        }
+      }
+    }
+  },
+  formatted: {
+    date: "yyyy-LL-dd",
+    address: "%{number} %{street}, %{code} %{city}, %{country}"
+  }
+};
+var locales = {
+  en: en,
+  fr: fr,
+  ru: ru,
+  vi: vi
+};
+exports.locales = locales;

package/dist/Contacts/AddModal/CustomLabelDialog/index.js

@@ -0,0 +1,138 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var _CozyDialogs = require("cozy-ui/transpiled/react/CozyDialogs");
+
+var _FormControlLabel = _interopRequireDefault(require("cozy-ui/transpiled/react/FormControlLabel"));
+
+var _RadioGroup = _interopRequireDefault(require("cozy-ui/transpiled/react/RadioGroup"));
+
+var _Radios = _interopRequireDefault(require("cozy-ui/transpiled/react/Radios"));
+
+var _TextField = _interopRequireDefault(require("cozy-ui/transpiled/react/TextField"));
+
+var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _locales = require("./locales");
+
+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 CustomLabelDialog = function CustomLabelDialog(_ref) {
+  var customValue = _ref.customValue,
+      setCustomValue = _ref.setCustomValue,
+      customLabelOptions = _ref.customLabelOptions,
+      onSubmit = _ref.onSubmit,
+      onClose = _ref.onClose;
+  var customValueObj = JSON.parse(customValue || '{}');
+  (0, _I18n.useExtendI18n)(_locales.locales);
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useBreakpoints = (0, _Breakpoints.useBreakpoints)(),
+      isMobile = _useBreakpoints.isMobile;
+
+  var _useState = (0, _react.useState)(customValueObj.type || customLabelOptions.defaultType),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      type = _useState2[0],
+      setType = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(customValueObj.label || customLabelOptions.defaultLabel),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      label = _useState4[0],
+      setLabel = _useState4[1];
+
+  var handleSubmit = function handleSubmit() {
+    setCustomValue(JSON.stringify({
+      type: type,
+      label: label
+    }));
+    onSubmit({
+      target: {
+        value: JSON.stringify({
+          type: type,
+          label: label
+        })
+      }
+    });
+    onClose();
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_CozyDialogs.ConfirmDialog, {
+    open: true,
+    title: t('Contacts.AddModal.CustomLabelDialog.label.custom'),
+    content: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+      className: "u-mt-half",
+      variant: "outlined",
+      fullWidth: true,
+      autoFocus: true,
+      value: type,
+      onChange: function onChange(ev) {
+        return setType(ev.target.value);
+      }
+    }), !customLabelOptions.hide && /*#__PURE__*/_react.default.createElement(_RadioGroup.default, {
+      style: {
+        flexDirection: 'row'
+      },
+      className: "u-mt-half u-ml-half",
+      "aria-label": "radio",
+      name: "label",
+      value: label,
+      onChange: function onChange(ev) {
+        return setLabel(ev.target.value);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
+      value: "home",
+      label: t('Contacts.AddModal.CustomLabelDialog.label.home'),
+      control: /*#__PURE__*/_react.default.createElement(_Radios.default, null)
+    }), /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
+      value: "work",
+      label: t('Contacts.AddModal.CustomLabelDialog.label.work'),
+      control: /*#__PURE__*/_react.default.createElement(_Radios.default, null)
+    }))),
+    actions: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+      variant: "secondary",
+      fullWidth: isMobile,
+      label: t('Contacts.AddModal.CustomLabelDialog.cancel'),
+      onClick: onClose
+    }), /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+      label: t('Contacts.AddModal.CustomLabelDialog.ok'),
+      fullWidth: isMobile,
+      disabled: !type,
+      onClick: handleSubmit
+    })),
+    onClose: onClose
+  });
+};
+
+CustomLabelDialog.propTypes = {
+  customValue: _propTypes.default.string,
+  setCustomValue: _propTypes.default.func,
+  customLabelOptions: _propTypes.default.shape({
+    hide: _propTypes.default.bool,
+    defaultType: _propTypes.default.string,
+    defaultLabel: _propTypes.default.string
+  }),
+  onSubmit: _propTypes.default.func,
+  onClose: _propTypes.default.func
+};
+var _default = CustomLabelDialog;
+exports.default = _default;

package/dist/Contacts/AddModal/CustomLabelDialog/locales/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.locales = void 0;
+var en = {
+  Contacts: {
+    AddModal: {
+      CustomLabelDialog: {
+        label: {
+          custom: "Customised label",
+          home: "Personal",
+          work: "Pro"
+        },
+        cancel: "Cancel",
+        ok: "Ok"
+      }
+    }
+  }
+};
+var fr = {
+  Contacts: {
+    AddModal: {
+      CustomLabelDialog: {
+        label: {
+          custom: "Libell\xE9 personnalis\xE9",
+          home: "Perso",
+          work: "Pro"
+        },
+        cancel: "Annuler",
+        ok: "Ok"
+      }
+    }
+  }
+};
+var ru = {
+  Contacts: {
+    AddModal: {
+      CustomLabelDialog: {
+        label: {
+          custom: "\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C\u0441\u043A\u0430\u044F \u043C\u0435\u0442\u043A\u0430",
+          home: "\u041B\u0438\u0447\u043D\u043E\u0435",
+          work: "\u0420\u0430\u0431\u043E\u0447\u0435\u0435"
+        },
+        cancel: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C",
+        ok: "\u041E\u041A"
+      }
+    }
+  }
+};
+var vi = {
+  Contacts: {
+    AddModal: {
+      CustomLabelDialog: {
+        label: {
+          custom: "Nh\xE3n t\xF9y ch\u1EC9nh",
+          home: "C\xE1 nh\xE2n",
+          work: "C\xF4ng vi\u1EC7c"
+        },
+        cancel: "H\u1EE7y",
+        ok: "Ok"
+      }
+    }
+  }
+};
+var locales = {
+  en: en,
+  fr: fr,
+  ru: ru,
+  vi: vi
+};
+exports.locales = locales;

package/dist/Contacts/AddModal/index.js

@@ -0,0 +1,134 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var _CozyDialogs = require("cozy-ui/transpiled/react/CozyDialogs");
+
+var _Alert = require("cozy-ui/transpiled/react/providers/Alert");
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _ContactForm = _interopRequireWildcard(require("./ContactForm"));
+
+var _locales = require("./locales");
+
+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 AddModal = function AddModal(_ref) {
+  var contacts = _ref.contacts,
+      contact = _ref.contact,
+      customFieldsProps = _ref.customFieldsProps,
+      onSubmit = _ref.onSubmit,
+      onClose = _ref.onClose;
+  (0, _I18n.useExtendI18n)(_locales.locales);
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useAlert = (0, _Alert.useAlert)(),
+      showAlert = _useAlert.showAlert;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isBusy = _useState2[0],
+      setIsBusy = _useState2[1]; // Tip to prevent fields from being filled with old information for a short period of time during form submission.
+
+
+  var _useState3 = (0, _react.useState)(contact),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      selfContact = _useState4[0],
+      setSelfContact = _useState4[1];
+
+  var handleClick = function handleClick(event) {
+    var submitContactForm = (0, _ContactForm.getSubmitContactForm)();
+    submitContactForm(event);
+  };
+  /**
+   * @param {import('cozy-client/types/types').IOCozyContact} formData - Contact document (except _id, _rev & _type attrs to create a new contact)
+   */
+
+
+  var handleFormSubmit = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(formData) {
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              setSelfContact(formData);
+              setIsBusy(true);
+              _context.prev = 2;
+              _context.next = 5;
+              return onSubmit(formData);
+
+            case 5:
+              onClose();
+              _context.next = 13;
+              break;
+
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](2);
+              setIsBusy(false);
+              console.warn(_context.t0); // eslint-disable-line no-console
+
+              showAlert({
+                severity: 'error',
+                message: t('Contacts.AddModal.error.save')
+              });
+
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2, 8]]);
+    }));
+
+    return function handleFormSubmit(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/_react.default.createElement(_CozyDialogs.FixedDialog, {
+    open: true,
+    onClose: onClose,
+    title: contact ? t('Contacts.AddModal.edit-contact') : t('Contacts.AddModal.create_contact'),
+    content: /*#__PURE__*/_react.default.createElement(_ContactForm.default, {
+      contacts: contacts,
+      contact: selfContact,
+      customFieldsProps: customFieldsProps,
+      onSubmit: handleFormSubmit
+    }),
+    actions: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+      variant: "secondary",
+      label: t('Contacts.AddModal.cancel'),
+      onClick: onClose
+    }), /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+      className: "u-ml-half",
+      type: "submit",
+      label: t('Contacts.AddModal.save'),
+      busy: isBusy,
+      onClick: handleClick
+    }))
+  });
+};
+
+var _default = AddModal;
+exports.default = _default;