@os-team/profile 1.0.49 → 1.0.50

package/dist/cjs/components/profile/ProfileDrawerContent.js

@@ -24,8 +24,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var AvatarContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"])));

package/dist/cjs/components/profile/ProfileUpdateNameModal.js

@@ -5,22 +5,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
 var _core = require("@os-design/core");
+var _form = require("@os-design/form");
+var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
-var _formUtils = require("@os-team/form-utils");
 var _hooks = require("react-relay/hooks");
-var _ProfileUpdateNameForm = _interopRequireDefault(require("./ProfileUpdateNameForm"));
+var _handleFormErrors = _interopRequireDefault(require("../../utils/handleFormErrors"));
+var _FormError = _interopRequireDefault(require("../shared/FormError"));
 var _ProfileContext = require("./ProfileContext");
 var _ProfileUpdateNameModalMutation;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var ProfileUpdateNameModal = function ProfileUpdateNameModal(_ref) {
   var visibility = _ref.visibility,
@@ -30,21 +32,15 @@ var ProfileUpdateNameModal = function ProfileUpdateNameModal(_ref) {
   var _useProfile = (0, _ProfileContext.useProfile)(),
     firstName = _useProfile.firstName,
     lastName = _useProfile.lastName;
-  var _useState = (0, _react.useState)({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    fieldErrors = _useState2[0],
-    setFieldErrors = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    formError = _useState4[0],
-    setFormError = _useState4[1];
-  var _useState5 = (0, _react.useState)({
+  var initValues = (0, _react.useMemo)(function () {
+    return {
       firstName: firstName || '',
       lastName: lastName || ''
-    }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    data = _useState6[0],
-    setData = _useState6[1];
+    };
+  }, [firstName, lastName]);
+  var _useForm = (0, _form.useForm)(initValues),
+    form = _useForm.form,
+    Field = _useForm.Field;
   var _useMutation = (0, _hooks.useMutation)(_ProfileUpdateNameModalMutation !== void 0 ? _ProfileUpdateNameModalMutation : (_ProfileUpdateNameModalMutation = require("./__generated__/ProfileUpdateNameModalMutation.graphql"), _ProfileUpdateNameModalMutation.hash && _ProfileUpdateNameModalMutation.hash !== "7264a05b6738d5417df9f1dc462486aa" && console.error("The definition of 'ProfileUpdateNameModalMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ProfileUpdateNameModalMutation)),
     _useMutation2 = _slicedToArray(_useMutation, 2),
     commit = _useMutation2[0],
@@ -52,42 +48,22 @@ var ProfileUpdateNameModal = function ProfileUpdateNameModal(_ref) {
 
   // Reset the data if the modal is visible
   (0, _react.useEffect)(function () {
-    if (visibility) {
-      setData({
-        firstName: firstName || '',
-        lastName: lastName || ''
-      });
-    }
-  }, [firstName, lastName, visibility]);
+    if (visibility) form.reset();
+  }, [form, visibility]);
   var onSubmit = (0, _react.useCallback)(function () {
     commit({
       variables: {
-        input: data
+        input: form.values.getAll()
       },
       onError: function onError(error) {
-        (0, _formUtils.handleFormErrors)(error, {
-          setFieldErrors: setFieldErrors,
-          setFormError: setFormError
-        });
+        return (0, _handleFormErrors.default)(form, error);
       },
       onCompleted: function onCompleted() {
-        setFieldErrors({});
-        setFormError(undefined);
         _core.message.success(t('profile:updated'));
         onClose();
       }
     });
-  }, [commit, data, onClose, t]);
-  var formContext = (0, _react.useMemo)(function () {
-    return {
-      data: data,
-      setData: setData,
-      fieldErrors: fieldErrors,
-      setFieldErrors: setFieldErrors,
-      formError: formError,
-      setFormError: setFormError
-    };
-  }, [data, fieldErrors, formError]);
+  }, [commit, form, onClose, t]);
   return /*#__PURE__*/_react.default.createElement(_core.Modal, {
     title: t('profile:updateNameModal.title'),
     visible: visibility,
@@ -95,9 +71,31 @@ var ProfileUpdateNameModal = function ProfileUpdateNameModal(_ref) {
     okLoading: loading,
     onOk: onSubmit,
     onClose: onClose
-  }, /*#__PURE__*/_react.default.createElement(_formUtils.FormContext.Provider, {
-    value: formContext
-  }, /*#__PURE__*/_react.default.createElement(_ProfileUpdateNameForm.default, null)));
+  }, /*#__PURE__*/_react.default.createElement(_form.FormProvider, {
+    form: form
+  }, /*#__PURE__*/_react.default.createElement(_core.Form, null, /*#__PURE__*/_react.default.createElement(Field, {
+    name: "firstName",
+    render: function render(props, _ref2) {
+      var error = _ref2.error;
+      return /*#__PURE__*/_react.default.createElement(_core.FormItem, {
+        label: t('profile:updateNameModal.firstName.label'),
+        error: error
+      }, /*#__PURE__*/_react.default.createElement(_core.Input, _extends({
+        placeholder: t('profile:updateNameModal.firstName.placeholder')
+      }, props)));
+    }
+  }), /*#__PURE__*/_react.default.createElement(Field, {
+    name: "lastName",
+    render: function render(props, _ref3) {
+      var error = _ref3.error;
+      return /*#__PURE__*/_react.default.createElement(_core.FormItem, {
+        label: t('profile:updateNameModal.lastName.label'),
+        error: error
+      }, /*#__PURE__*/_react.default.createElement(_core.Input, _extends({
+        placeholder: t('profile:updateNameModal.lastName.placeholder')
+      }, props)));
+    }
+  }), /*#__PURE__*/_react.default.createElement(_FormError.default, null))));
 };
 var _default = ProfileUpdateNameModal;
 exports.default = _default;

package/dist/cjs/components/profile/ProfileUpdateNameModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileUpdateNameModal.js","names":["ProfileUpdateNameModal","visibility","onClose","useTranslation","t","useProfile","firstName","lastName","useState","fieldErrors","setFieldErrors","formError","setFormError","data","setData","useMutation","commit","loading","useEffect","onSubmit","useCallback","variables","input","onError","error","handleFormErrors","onCompleted","undefined","message","success","formContext","useMemo"],"sources":["../../../../src/lib/components/profile/ProfileUpdateNameModal.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { message, Modal } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\nimport { Constraint, handleFormErrors, FormContext } from '@os-team/form-utils';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport { useMutation } from 'react-relay/hooks';\nimport ProfileUpdateNameForm, {\n  ProfileUpdateNameFormData,\n} from './ProfileUpdateNameForm';\nimport { useProfile } from './ProfileContext';\nimport { ProfileUpdateNameModalMutation } from './__generated__/ProfileUpdateNameModalMutation.graphql';\n\ninterface ProfileUpdateNameModalProps {\n  visibility: boolean;\n  onClose: () => void;\n}\n\nconst ProfileUpdateNameModal: React.FC<ProfileUpdateNameModalProps> = ({\n  visibility,\n  onClose,\n}) => {\n  const { t } = useTranslation(['profile']);\n  const { firstName, lastName } = useProfile();\n\n  const [fieldErrors, setFieldErrors] = useState<Record<string, Constraint>>(\n    {}\n  );\n  const [formError, setFormError] = useState<string | undefined>();\n  const [data, setData] = useState<ProfileUpdateNameFormData>({\n    firstName: firstName || '',\n    lastName: lastName || '',\n  });\n\n  const [commit, loading] = useMutation<ProfileUpdateNameModalMutation>(graphql`\n    mutation ProfileUpdateNameModalMutation($input: UpdateProfileInput!) {\n      updateProfile(input: $input) {\n        firstName\n        lastName\n      }\n    }\n  `);\n\n  // Reset the data if the modal is visible\n  useEffect(() => {\n    if (visibility) {\n      setData({\n        firstName: firstName || '',\n        lastName: lastName || '',\n      });\n    }\n  }, [firstName, lastName, visibility]);\n\n  const onSubmit = useCallback(() => {\n    commit({\n      variables: {\n        input: data,\n      },\n      onError: (error) => {\n        handleFormErrors(error, { setFieldErrors, setFormError });\n      },\n      onCompleted: () => {\n        setFieldErrors({});\n        setFormError(undefined);\n        message.success(t('profile:updated'));\n        onClose();\n      },\n    });\n  }, [commit, data, onClose, t]);\n\n  const formContext = useMemo(\n    () => ({\n      data,\n      setData,\n      fieldErrors,\n      setFieldErrors,\n      formError,\n      setFormError,\n    }),\n    [data, fieldErrors, formError]\n  );\n\n  return (\n    <Modal\n      title={t('profile:updateNameModal.title')}\n      visible={visibility}\n      okText={t('profile:update')}\n      okLoading={loading}\n      onOk={onSubmit}\n      onClose={onClose}\n    >\n      <FormContext.Provider value={formContext}>\n        <ProfileUpdateNameForm />\n      </FormContext.Provider>\n    </Modal>\n  );\n};\n\nexport default ProfileUpdateNameModal;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AAGA;AAA8C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ9C,IAAMA,sBAA6D,GAAG,SAAhEA,sBAA6D,OAG7D;EAAA,IAFJC,UAAU,QAAVA,UAAU;IACVC,OAAO,QAAPA,OAAO;EAEP,sBAAc,IAAAC,4BAAc,EAAC,CAAC,SAAS,CAAC,CAAC;IAAjCC,CAAC,mBAADA,CAAC;EACT,kBAAgC,IAAAC,0BAAU,GAAE;IAApCC,SAAS,eAATA,SAAS;IAAEC,QAAQ,eAARA,QAAQ;EAE3B,gBAAsC,IAAAC,eAAQ,EAC5C,CAAC,CAAC,CACH;IAAA;IAFMC,WAAW;IAAEC,cAAc;EAGlC,iBAAkC,IAAAF,eAAQ,GAAsB;IAAA;IAAzDG,SAAS;IAAEC,YAAY;EAC9B,iBAAwB,IAAAJ,eAAQ,EAA4B;MAC1DF,SAAS,EAAEA,SAAS,IAAI,EAAE;MAC1BC,QAAQ,EAAEA,QAAQ,IAAI;IACxB,CAAC,CAAC;IAAA;IAHKM,IAAI;IAAEC,OAAO;EAKpB,mBAA0B,IAAAC,kBAAW,8fAOnC;IAAA;IAPKC,MAAM;IAAEC,OAAO;;EAStB;EACA,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIjB,UAAU,EAAE;MACda,OAAO,CAAC;QACNR,SAAS,EAAEA,SAAS,IAAI,EAAE;QAC1BC,QAAQ,EAAEA,QAAQ,IAAI;MACxB,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACD,SAAS,EAAEC,QAAQ,EAAEN,UAAU,CAAC,CAAC;EAErC,IAAMkB,QAAQ,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCJ,MAAM,CAAC;MACLK,SAAS,EAAE;QACTC,KAAK,EAAET;MACT,CAAC;MACDU,OAAO,EAAE,iBAACC,KAAK,EAAK;QAClB,IAAAC,2BAAgB,EAACD,KAAK,EAAE;UAAEd,cAAc,EAAdA,cAAc;UAAEE,YAAY,EAAZA;QAAa,CAAC,CAAC;MAC3D,CAAC;MACDc,WAAW,EAAE,uBAAM;QACjBhB,cAAc,CAAC,CAAC,CAAC,CAAC;QAClBE,YAAY,CAACe,SAAS,CAAC;QACvBC,aAAO,CAACC,OAAO,CAACzB,CAAC,CAAC,iBAAiB,CAAC,CAAC;QACrCF,OAAO,EAAE;MACX;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACc,MAAM,EAAEH,IAAI,EAAEX,OAAO,EAAEE,CAAC,CAAC,CAAC;EAE9B,IAAM0B,WAAW,GAAG,IAAAC,cAAO,EACzB;IAAA,OAAO;MACLlB,IAAI,EAAJA,IAAI;MACJC,OAAO,EAAPA,OAAO;MACPL,WAAW,EAAXA,WAAW;MACXC,cAAc,EAAdA,cAAc;MACdC,SAAS,EAATA,SAAS;MACTC,YAAY,EAAZA;IACF,CAAC;EAAA,CAAC,EACF,CAACC,IAAI,EAAEJ,WAAW,EAAEE,SAAS,CAAC,CAC/B;EAED,oBACE,6BAAC,WAAK;IACJ,KAAK,EAAEP,CAAC,CAAC,+BAA+B,CAAE;IAC1C,OAAO,EAAEH,UAAW;IACpB,MAAM,EAAEG,CAAC,CAAC,gBAAgB,CAAE;IAC5B,SAAS,EAAEa,OAAQ;IACnB,IAAI,EAAEE,QAAS;IACf,OAAO,EAAEjB;EAAQ,gBAEjB,6BAAC,sBAAW,CAAC,QAAQ;IAAC,KAAK,EAAE4B;EAAY,gBACvC,6BAAC,8BAAqB,OAAG,CACJ,CACjB;AAEZ,CAAC;AAAC,eAEa9B,sBAAsB;AAAA"}
+{"version":3,"file":"ProfileUpdateNameModal.js","names":["ProfileUpdateNameModal","visibility","onClose","useTranslation","t","useProfile","firstName","lastName","initValues","useMemo","useForm","form","Field","useMutation","commit","loading","useEffect","reset","onSubmit","useCallback","variables","input","values","getAll","onError","error","handleFormErrors","onCompleted","message","success","props"],"sources":["../../../../src/lib/components/profile/ProfileUpdateNameModal.tsx"],"sourcesContent":["import { Form, FormItem, Input, message, Modal } from '@os-design/core';\nimport { FormProvider, useForm } from '@os-design/form';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport React, { useCallback, useEffect, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useMutation } from 'react-relay/hooks';\nimport handleFormErrors from '../../utils/handleFormErrors';\nimport FormError from '../shared/FormError';\nimport { useProfile } from './ProfileContext';\nimport { ProfileUpdateNameModalMutation } from './__generated__/ProfileUpdateNameModalMutation.graphql';\n\ninterface ProfileUpdateNameFormData {\n  firstName: string;\n  lastName: string;\n}\n\ninterface ProfileUpdateNameModalProps {\n  visibility: boolean;\n  onClose: () => void;\n}\n\nconst ProfileUpdateNameModal: React.FC<ProfileUpdateNameModalProps> = ({\n  visibility,\n  onClose,\n}) => {\n  const { t } = useTranslation(['profile']);\n  const { firstName, lastName } = useProfile();\n\n  const initValues = useMemo(\n    () => ({ firstName: firstName || '', lastName: lastName || '' }),\n    [firstName, lastName]\n  );\n\n  const { form, Field } = useForm<ProfileUpdateNameFormData>(initValues);\n\n  const [commit, loading] = useMutation<ProfileUpdateNameModalMutation>(graphql`\n    mutation ProfileUpdateNameModalMutation($input: UpdateProfileInput!) {\n      updateProfile(input: $input) {\n        firstName\n        lastName\n      }\n    }\n  `);\n\n  // Reset the data if the modal is visible\n  useEffect(() => {\n    if (visibility) form.reset();\n  }, [form, visibility]);\n\n  const onSubmit = useCallback(() => {\n    commit({\n      variables: {\n        input: form.values.getAll(),\n      },\n      onError: (error) => handleFormErrors(form, error),\n      onCompleted: () => {\n        message.success(t('profile:updated'));\n        onClose();\n      },\n    });\n  }, [commit, form, onClose, t]);\n\n  return (\n    <Modal\n      title={t('profile:updateNameModal.title')}\n      visible={visibility}\n      okText={t('profile:update')}\n      okLoading={loading}\n      onOk={onSubmit}\n      onClose={onClose}\n    >\n      <FormProvider form={form}>\n        <Form>\n          <Field\n            name='firstName'\n            render={(props, { error }) => (\n              <FormItem\n                label={t('profile:updateNameModal.firstName.label')}\n                error={error}\n              >\n                <Input\n                  placeholder={t(\n                    'profile:updateNameModal.firstName.placeholder'\n                  )}\n                  {...props}\n                />\n              </FormItem>\n            )}\n          />\n\n          <Field\n            name='lastName'\n            render={(props, { error }) => (\n              <FormItem\n                label={t('profile:updateNameModal.lastName.label')}\n                error={error}\n              >\n                <Input\n                  placeholder={t(\n                    'profile:updateNameModal.lastName.placeholder'\n                  )}\n                  {...props}\n                />\n              </FormItem>\n            )}\n          />\n\n          <FormError />\n        </Form>\n      </FormProvider>\n    </Modal>\n  );\n};\n\nexport default ProfileUpdateNameModal;\n"],"mappings":"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"}

package/dist/cjs/components/profile/ProfileUpdatePasswordModal.js

@@ -5,42 +5,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
 var _core = require("@os-design/core");
-var _hooks = require("react-relay/hooks");
+var _form = require("@os-design/form");
+var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
-var _formUtils = require("@os-team/form-utils");
-var _ProfileUpdatePasswordForm = _interopRequireDefault(require("./ProfileUpdatePasswordForm"));
+var _hooks = require("react-relay/hooks");
+var _handleFormErrors = _interopRequireDefault(require("../../utils/handleFormErrors"));
+var _FormError = _interopRequireDefault(require("../shared/FormError"));
 var _ProfileUpdatePasswordModalMutation;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var ProfileUpdatePasswordModal = function ProfileUpdatePasswordModal(_ref) {
   var visibility = _ref.visibility,
     onClose = _ref.onClose;
   var _useTranslation = (0, _reactI18next.useTranslation)(['profile']),
     t = _useTranslation.t;
-  var _useState = (0, _react.useState)({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    fieldErrors = _useState2[0],
-    setFieldErrors = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    formError = _useState4[0],
-    setFormError = _useState4[1];
-  var _useState5 = (0, _react.useState)({
+  var _useForm = (0, _form.useForm)({
       currentPassword: '',
       password: ''
     }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    data = _useState6[0],
-    setData = _useState6[1];
+    form = _useForm.form,
+    Field = _useForm.Field;
   var _useMutation = (0, _hooks.useMutation)(_ProfileUpdatePasswordModalMutation !== void 0 ? _ProfileUpdatePasswordModalMutation : (_ProfileUpdatePasswordModalMutation = require("./__generated__/ProfileUpdatePasswordModalMutation.graphql"), _ProfileUpdatePasswordModalMutation.hash && _ProfileUpdatePasswordModalMutation.hash !== "efa37ccbe82fbace709f7e3992643c05" && console.error("The definition of 'ProfileUpdatePasswordModalMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ProfileUpdatePasswordModalMutation)),
     _useMutation2 = _slicedToArray(_useMutation, 2),
     commit = _useMutation2[0],
@@ -48,42 +41,22 @@ var ProfileUpdatePasswordModal = function ProfileUpdatePasswordModal(_ref) {
 
   // Reset the data if the modal is visible
   (0, _react.useEffect)(function () {
-    if (visibility) {
-      setData({
-        currentPassword: '',
-        password: ''
-      });
-    }
-  }, [visibility]);
+    if (visibility) form.reset();
+  }, [form, visibility]);
   var onSubmit = (0, _react.useCallback)(function () {
     commit({
       variables: {
-        input: data
+        input: form.values.getAll()
       },
       onError: function onError(error) {
-        (0, _formUtils.handleFormErrors)(error, {
-          setFieldErrors: setFieldErrors,
-          setFormError: setFormError
-        });
+        return (0, _handleFormErrors.default)(form, error);
       },
       onCompleted: function onCompleted() {
-        setFieldErrors({});
-        setFormError(undefined);
         _core.message.success(t('profile:updatePasswordModal.success'));
         onClose();
       }
     });
-  }, [commit, data, onClose, t]);
-  var formContext = (0, _react.useMemo)(function () {
-    return {
-      data: data,
-      setData: setData,
-      fieldErrors: fieldErrors,
-      setFieldErrors: setFieldErrors,
-      formError: formError,
-      setFormError: setFormError
-    };
-  }, [data, fieldErrors, formError]);
+  }, [commit, form, onClose, t]);
   return /*#__PURE__*/_react.default.createElement(_core.Modal, {
     title: t('profile:updatePasswordModal.title'),
     visible: visibility,
@@ -91,9 +64,35 @@ var ProfileUpdatePasswordModal = function ProfileUpdatePasswordModal(_ref) {
     okLoading: loading,
     onOk: onSubmit,
     onClose: onClose
-  }, /*#__PURE__*/_react.default.createElement(_formUtils.FormContext.Provider, {
-    value: formContext
-  }, /*#__PURE__*/_react.default.createElement(_ProfileUpdatePasswordForm.default, null)));
+  }, /*#__PURE__*/_react.default.createElement(_form.FormProvider, {
+    form: form
+  }, /*#__PURE__*/_react.default.createElement(_core.Form, null, /*#__PURE__*/_react.default.createElement(Field, {
+    name: "currentPassword",
+    render: function render(props, _ref2) {
+      var error = _ref2.error;
+      return /*#__PURE__*/_react.default.createElement(_core.FormItem, {
+        label: t('profile:updatePasswordModal.currentPassword.label'),
+        error: error
+      }, /*#__PURE__*/_react.default.createElement(_core.InputPassword, _extends({
+        placeholder: t('profile:updatePasswordModal.currentPassword.placeholder')
+      }, props)));
+    }
+  }), /*#__PURE__*/_react.default.createElement(Field, {
+    name: "password",
+    render: function render(props, _ref3) {
+      var error = _ref3.error;
+      return /*#__PURE__*/_react.default.createElement(_core.FormItem, {
+        label: t('profile:updatePasswordModal.newPassword.label'),
+        error: error
+      }, /*#__PURE__*/_react.default.createElement(_core.InputPassword, _extends({
+        placeholder: t('profile:updatePasswordModal.newPassword.placeholder'),
+        showStrengthMeter: true,
+        strengthNames: t('profile:updatePasswordModal.passwordStrengthNames', {
+          returnObjects: true
+        })
+      }, props)));
+    }
+  }), /*#__PURE__*/_react.default.createElement(_FormError.default, null))));
 };
 var _default = ProfileUpdatePasswordModal;
 exports.default = _default;

package/dist/cjs/components/profile/ProfileUpdatePasswordModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileUpdatePasswordModal.js","names":["ProfileUpdatePasswordModal","visibility","onClose","useTranslation","t","useState","fieldErrors","setFieldErrors","formError","setFormError","currentPassword","password","data","setData","useMutation","commit","loading","useEffect","onSubmit","useCallback","variables","input","onError","error","handleFormErrors","onCompleted","undefined","message","success","formContext","useMemo"],"sources":["../../../../src/lib/components/profile/ProfileUpdatePasswordModal.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { message, Modal } from '@os-design/core';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport { useMutation } from 'react-relay/hooks';\nimport { useTranslation } from 'react-i18next';\nimport { Constraint, handleFormErrors, FormContext } from '@os-team/form-utils';\nimport ProfileUpdatePasswordForm, {\n  ProfileUpdatePasswordFormData,\n} from './ProfileUpdatePasswordForm';\nimport { ProfileUpdatePasswordModalMutation } from './__generated__/ProfileUpdatePasswordModalMutation.graphql';\n\ninterface ProfileUpdatePasswordModalProps {\n  visibility: boolean;\n  onClose: () => void;\n}\n\nconst ProfileUpdatePasswordModal: React.FC<ProfileUpdatePasswordModalProps> = ({\n  visibility,\n  onClose,\n}) => {\n  const { t } = useTranslation(['profile']);\n\n  const [fieldErrors, setFieldErrors] = useState<Record<string, Constraint>>(\n    {}\n  );\n  const [formError, setFormError] = useState<string | undefined>();\n  const [data, setData] = useState<ProfileUpdatePasswordFormData>({\n    currentPassword: '',\n    password: '',\n  });\n\n  const [commit, loading] =\n    useMutation<ProfileUpdatePasswordModalMutation>(graphql`\n      mutation ProfileUpdatePasswordModalMutation(\n        $input: UpdatePasswordInput!\n      ) {\n        updatePassword(input: $input) {\n          id\n        }\n      }\n    `);\n\n  // Reset the data if the modal is visible\n  useEffect(() => {\n    if (visibility) {\n      setData({\n        currentPassword: '',\n        password: '',\n      });\n    }\n  }, [visibility]);\n\n  const onSubmit = useCallback(() => {\n    commit({\n      variables: {\n        input: data,\n      },\n      onError: (error) => {\n        handleFormErrors(error, { setFieldErrors, setFormError });\n      },\n      onCompleted: () => {\n        setFieldErrors({});\n        setFormError(undefined);\n        message.success(t('profile:updatePasswordModal.success'));\n        onClose();\n      },\n    });\n  }, [commit, data, onClose, t]);\n\n  const formContext = useMemo(\n    () => ({\n      data,\n      setData,\n      fieldErrors,\n      setFieldErrors,\n      formError,\n      setFormError,\n    }),\n    [data, fieldErrors, formError]\n  );\n\n  return (\n    <Modal\n      title={t('profile:updatePasswordModal.title')}\n      visible={visibility}\n      okText={t('profile:updatePasswordModal.button')}\n      okLoading={loading}\n      onOk={onSubmit}\n      onClose={onClose}\n    >\n      <FormContext.Provider value={formContext}>\n        <ProfileUpdatePasswordForm />\n      </FormContext.Provider>\n    </Modal>\n  );\n};\n\nexport default ProfileUpdatePasswordModal;\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAEqC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQrC,IAAMA,0BAAqE,GAAG,SAAxEA,0BAAqE,OAGrE;EAAA,IAFJC,UAAU,QAAVA,UAAU;IACVC,OAAO,QAAPA,OAAO;EAEP,sBAAc,IAAAC,4BAAc,EAAC,CAAC,SAAS,CAAC,CAAC;IAAjCC,CAAC,mBAADA,CAAC;EAET,gBAAsC,IAAAC,eAAQ,EAC5C,CAAC,CAAC,CACH;IAAA;IAFMC,WAAW;IAAEC,cAAc;EAGlC,iBAAkC,IAAAF,eAAQ,GAAsB;IAAA;IAAzDG,SAAS;IAAEC,YAAY;EAC9B,iBAAwB,IAAAJ,eAAQ,EAAgC;MAC9DK,eAAe,EAAE,EAAE;MACnBC,QAAQ,EAAE;IACZ,CAAC,CAAC;IAAA;IAHKC,IAAI;IAAEC,OAAO;EAKpB,mBACE,IAAAC,kBAAW,8hBAQT;IAAA;IATGC,MAAM;IAAEC,OAAO;;EAWtB;EACA,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIhB,UAAU,EAAE;MACdY,OAAO,CAAC;QACNH,eAAe,EAAE,EAAE;QACnBC,QAAQ,EAAE;MACZ,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACV,UAAU,CAAC,CAAC;EAEhB,IAAMiB,QAAQ,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCJ,MAAM,CAAC;MACLK,SAAS,EAAE;QACTC,KAAK,EAAET;MACT,CAAC;MACDU,OAAO,EAAE,iBAACC,KAAK,EAAK;QAClB,IAAAC,2BAAgB,EAACD,KAAK,EAAE;UAAEhB,cAAc,EAAdA,cAAc;UAAEE,YAAY,EAAZA;QAAa,CAAC,CAAC;MAC3D,CAAC;MACDgB,WAAW,EAAE,uBAAM;QACjBlB,cAAc,CAAC,CAAC,CAAC,CAAC;QAClBE,YAAY,CAACiB,SAAS,CAAC;QACvBC,aAAO,CAACC,OAAO,CAACxB,CAAC,CAAC,qCAAqC,CAAC,CAAC;QACzDF,OAAO,EAAE;MACX;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACa,MAAM,EAAEH,IAAI,EAAEV,OAAO,EAAEE,CAAC,CAAC,CAAC;EAE9B,IAAMyB,WAAW,GAAG,IAAAC,cAAO,EACzB;IAAA,OAAO;MACLlB,IAAI,EAAJA,IAAI;MACJC,OAAO,EAAPA,OAAO;MACPP,WAAW,EAAXA,WAAW;MACXC,cAAc,EAAdA,cAAc;MACdC,SAAS,EAATA,SAAS;MACTC,YAAY,EAAZA;IACF,CAAC;EAAA,CAAC,EACF,CAACG,IAAI,EAAEN,WAAW,EAAEE,SAAS,CAAC,CAC/B;EAED,oBACE,6BAAC,WAAK;IACJ,KAAK,EAAEJ,CAAC,CAAC,mCAAmC,CAAE;IAC9C,OAAO,EAAEH,UAAW;IACpB,MAAM,EAAEG,CAAC,CAAC,oCAAoC,CAAE;IAChD,SAAS,EAAEY,OAAQ;IACnB,IAAI,EAAEE,QAAS;IACf,OAAO,EAAEhB;EAAQ,gBAEjB,6BAAC,sBAAW,CAAC,QAAQ;IAAC,KAAK,EAAE2B;EAAY,gBACvC,6BAAC,kCAAyB,OAAG,CACR,CACjB;AAEZ,CAAC;AAAC,eAEa7B,0BAA0B;AAAA"}
+{"version":3,"file":"ProfileUpdatePasswordModal.js","names":["ProfileUpdatePasswordModal","visibility","onClose","useTranslation","t","useForm","currentPassword","password","form","Field","useMutation","commit","loading","useEffect","reset","onSubmit","useCallback","variables","input","values","getAll","onError","error","handleFormErrors","onCompleted","message","success","props","returnObjects"],"sources":["../../../../src/lib/components/profile/ProfileUpdatePasswordModal.tsx"],"sourcesContent":["import { Form, FormItem, InputPassword, message, Modal } from '@os-design/core';\nimport { FormProvider, useForm } from '@os-design/form';\nimport { graphql } from 'babel-plugin-relay/macro';\nimport React, { useCallback, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useMutation } from 'react-relay/hooks';\nimport handleFormErrors from '../../utils/handleFormErrors';\nimport FormError from '../shared/FormError';\nimport { ProfileUpdatePasswordModalMutation } from './__generated__/ProfileUpdatePasswordModalMutation.graphql';\n\ninterface ProfileUpdatePasswordFormData {\n  currentPassword: string;\n  password: string;\n}\n\ninterface ProfileUpdatePasswordModalProps {\n  visibility: boolean;\n  onClose: () => void;\n}\n\nconst ProfileUpdatePasswordModal: React.FC<ProfileUpdatePasswordModalProps> = ({\n  visibility,\n  onClose,\n}) => {\n  const { t } = useTranslation(['profile']);\n\n  const { form, Field } = useForm<ProfileUpdatePasswordFormData>({\n    currentPassword: '',\n    password: '',\n  });\n\n  const [commit, loading] =\n    useMutation<ProfileUpdatePasswordModalMutation>(graphql`\n      mutation ProfileUpdatePasswordModalMutation(\n        $input: UpdatePasswordInput!\n      ) {\n        updatePassword(input: $input) {\n          id\n        }\n      }\n    `);\n\n  // Reset the data if the modal is visible\n  useEffect(() => {\n    if (visibility) form.reset();\n  }, [form, visibility]);\n\n  const onSubmit = useCallback(() => {\n    commit({\n      variables: {\n        input: form.values.getAll(),\n      },\n      onError: (error) => handleFormErrors(form, error),\n      onCompleted: () => {\n        message.success(t('profile:updatePasswordModal.success'));\n        onClose();\n      },\n    });\n  }, [commit, form, onClose, t]);\n\n  return (\n    <Modal\n      title={t('profile:updatePasswordModal.title')}\n      visible={visibility}\n      okText={t('profile:updatePasswordModal.button')}\n      okLoading={loading}\n      onOk={onSubmit}\n      onClose={onClose}\n    >\n      <FormProvider form={form}>\n        <Form>\n          <Field\n            name='currentPassword'\n            render={(props, { error }) => (\n              <FormItem\n                label={t('profile:updatePasswordModal.currentPassword.label')}\n                error={error}\n              >\n                <InputPassword\n                  placeholder={t(\n                    'profile:updatePasswordModal.currentPassword.placeholder'\n                  )}\n                  {...props}\n                />\n              </FormItem>\n            )}\n          />\n\n          <Field\n            name='password'\n            render={(props, { error }) => (\n              <FormItem\n                label={t('profile:updatePasswordModal.newPassword.label')}\n                error={error}\n              >\n                <InputPassword\n                  placeholder={t(\n                    'profile:updatePasswordModal.newPassword.placeholder'\n                  )}\n                  showStrengthMeter\n                  strengthNames={t(\n                    'profile:updatePasswordModal.passwordStrengthNames',\n                    { returnObjects: true }\n                  )}\n                  {...props}\n                />\n              </FormItem>\n            )}\n          />\n\n          <FormError />\n        </Form>\n      </FormProvider>\n    </Modal>\n  );\n};\n\nexport default ProfileUpdatePasswordModal;\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAA4C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAa5C,IAAMA,0BAAqE,GAAG,SAAxEA,0BAAqE,OAGrE;EAAA,IAFJC,UAAU,QAAVA,UAAU;IACVC,OAAO,QAAPA,OAAO;EAEP,sBAAc,IAAAC,4BAAc,EAAC,CAAC,SAAS,CAAC,CAAC;IAAjCC,CAAC,mBAADA,CAAC;EAET,eAAwB,IAAAC,aAAO,EAAgC;MAC7DC,eAAe,EAAE,EAAE;MACnBC,QAAQ,EAAE;IACZ,CAAC,CAAC;IAHMC,IAAI,YAAJA,IAAI;IAAEC,KAAK,YAALA,KAAK;EAKnB,mBACE,IAAAC,kBAAW,8hBAQT;IAAA;IATGC,MAAM;IAAEC,OAAO;;EAWtB;EACA,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIZ,UAAU,EAAEO,IAAI,CAACM,KAAK,EAAE;EAC9B,CAAC,EAAE,CAACN,IAAI,EAAEP,UAAU,CAAC,CAAC;EAEtB,IAAMc,QAAQ,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCL,MAAM,CAAC;MACLM,SAAS,EAAE;QACTC,KAAK,EAAEV,IAAI,CAACW,MAAM,CAACC,MAAM;MAC3B,CAAC;MACDC,OAAO,EAAE,iBAACC,KAAK;QAAA,OAAK,IAAAC,yBAAgB,EAACf,IAAI,EAAEc,KAAK,CAAC;MAAA;MACjDE,WAAW,EAAE,uBAAM;QACjBC,aAAO,CAACC,OAAO,CAACtB,CAAC,CAAC,qCAAqC,CAAC,CAAC;QACzDF,OAAO,EAAE;MACX;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACS,MAAM,EAAEH,IAAI,EAAEN,OAAO,EAAEE,CAAC,CAAC,CAAC;EAE9B,oBACE,6BAAC,WAAK;IACJ,KAAK,EAAEA,CAAC,CAAC,mCAAmC,CAAE;IAC9C,OAAO,EAAEH,UAAW;IACpB,MAAM,EAAEG,CAAC,CAAC,oCAAoC,CAAE;IAChD,SAAS,EAAEQ,OAAQ;IACnB,IAAI,EAAEG,QAAS;IACf,OAAO,EAAEb;EAAQ,gBAEjB,6BAAC,kBAAY;IAAC,IAAI,EAAEM;EAAK,gBACvB,6BAAC,UAAI,qBACH,6BAAC,KAAK;IACJ,IAAI,EAAC,iBAAiB;IACtB,MAAM,EAAE,gBAACmB,KAAK;MAAA,IAAIL,KAAK,SAALA,KAAK;MAAA,oBACrB,6BAAC,cAAQ;QACP,KAAK,EAAElB,CAAC,CAAC,mDAAmD,CAAE;QAC9D,KAAK,EAAEkB;MAAM,gBAEb,6BAAC,mBAAa;QACZ,WAAW,EAAElB,CAAC,CACZ,yDAAyD;MACzD,GACEuB,KAAK,EACT,CACO;IAAA;EACX,EACF,eAEF,6BAAC,KAAK;IACJ,IAAI,EAAC,UAAU;IACf,MAAM,EAAE,gBAACA,KAAK;MAAA,IAAIL,KAAK,SAALA,KAAK;MAAA,oBACrB,6BAAC,cAAQ;QACP,KAAK,EAAElB,CAAC,CAAC,+CAA+C,CAAE;QAC1D,KAAK,EAAEkB;MAAM,gBAEb,6BAAC,mBAAa;QACZ,WAAW,EAAElB,CAAC,CACZ,qDAAqD,CACrD;QACF,iBAAiB;QACjB,aAAa,EAAEA,CAAC,CACd,mDAAmD,EACnD;UAAEwB,aAAa,EAAE;QAAK,CAAC;MACvB,GACED,KAAK,EACT,CACO;IAAA;EACX,EACF,eAEF,6BAAC,kBAAS,OAAG,CACR,CACM,CACT;AAEZ,CAAC;AAAC,eAEa3B,0BAA0B;AAAA"}

package/dist/cjs/components/session/SessionList.js

@@ -19,8 +19,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var sessionsFragment = _SessionList_sessions !== void 0 ? _SessionList_sessions : (_SessionList_sessions = require("./__generated__/SessionList_sessions.graphql"), _SessionList_sessions.hash && _SessionList_sessions.hash !== "1b21c937c7ba795f09bfcb5ada7d2510" && console.error("The definition of 'SessionList_sessions' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SessionList_sessions);

package/dist/cjs/components/session/SessionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionList.js","names":["sessionsFragment","Title","styled","div","List","p","clr","theme","listItemColorBorder","DestroyAllOtherSessionsButton","Button","OtherSessions","SESSION_LIST_PADDING_VERTICAL","SessionList","sessionsKey","useFragment","sessions","useTranslation","t","currentSession","useMemo","find","session","current","otherSessions","filter","sort","a","b","Date","lastSeenAt","getTime","useMutation","commitDestroyAllOtherSessions","loadingDestroyAllOtherSessions","destroyAllOtherSessions","useCallback","variables","updater","store","record","get","sessionRecords","getLinkedRecords","setLinkedRecords","item","getDataID","id","onError","error","message","onCompleted","success","length","map"],"sources":["../../../../src/lib/components/session/SessionList.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport graphql from 'babel-plugin-relay/macro';\nimport { useFragment, useMutation } from 'react-relay/hooks';\nimport { Button, message } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { useTranslation } from 'react-i18next';\nimport { clr } from '@os-design/theming';\nimport { SessionList_sessions$key } from './__generated__/SessionList_sessions.graphql';\nimport SessionListItem from './SessionListItem';\nimport { SessionListDestroyAllOtherSessionsMutation } from './__generated__/SessionListDestroyAllOtherSessionsMutation.graphql';\n\nconst sessionsFragment = graphql`\n  fragment SessionList_sessions on Query\n  @refetchable(queryName: \"SessionListRefetchQuery\") {\n    sessions {\n      id\n      current\n      lastSeenAt\n      ...SessionListItem_session\n    }\n  }\n`;\n\ninterface SessionListProps {\n  sessionsKey: SessionList_sessions$key;\n}\n\nexport const Title = styled.div`\n  font-weight: 500;\n  margin: 1em 1em 0.5em;\n`;\n\nexport const List = styled.div`\n  border-top: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n  border-bottom: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n`;\n\nconst DestroyAllOtherSessionsButton = styled(Button)`\n  & > span {\n    flex: 1;\n    text-align: left;\n  }\n`;\n\nconst OtherSessions = styled.div`\n  margin-top: 2em;\n`;\n\nexport const SESSION_LIST_PADDING_VERTICAL = 0.5;\n\nconst SessionList: React.FC<SessionListProps> = ({ sessionsKey }) => {\n  const { sessions } = useFragment(sessionsFragment, sessionsKey);\n  const { t } = useTranslation(['profile']);\n\n  const currentSession = useMemo(\n    () => sessions.find((session) => session.current),\n    [sessions]\n  );\n\n  const otherSessions = useMemo(\n    () =>\n      sessions\n        .filter((session) => !session.current)\n        .sort(\n          (a, b) =>\n            new Date(b.lastSeenAt).getTime() - new Date(a.lastSeenAt).getTime()\n        ),\n    [sessions]\n  );\n\n  const [commitDestroyAllOtherSessions, loadingDestroyAllOtherSessions] =\n    useMutation<SessionListDestroyAllOtherSessionsMutation>(graphql`\n      mutation SessionListDestroyAllOtherSessionsMutation {\n        destroyAllOtherSessions {\n          ok\n        }\n      }\n    `);\n\n  const destroyAllOtherSessions = useCallback(() => {\n    commitDestroyAllOtherSessions({\n      variables: {},\n      updater: (store) => {\n        const record = store.get('client:root');\n        if (!record) return;\n\n        const sessionRecords = record.getLinkedRecords('sessions');\n        if (!sessionRecords) return;\n\n        record.setLinkedRecords(\n          sessionRecords.filter(\n            (item) => item.getDataID() === currentSession?.id\n          ),\n          'sessions'\n        );\n      },\n      onError: (error) => {\n        message.error(error.message);\n      },\n      onCompleted: () => {\n        message.success(t('profile:sessions.destroyedAllOther'));\n      },\n    });\n  }, [commitDestroyAllOtherSessions, currentSession?.id, t]);\n\n  return (\n    <>\n      {currentSession && (\n        <>\n          <Title>{t('profile:sessions.current')}</Title>\n          <List>\n            <SessionListItem sessionKey={currentSession} hideLastSeenAt />\n          </List>\n        </>\n      )}\n\n      {otherSessions.length > 0 && (\n        <>\n          <DestroyAllOtherSessionsButton\n            type='ghost'\n            danger\n            size='small'\n            wide='always'\n            loading={loadingDestroyAllOtherSessions}\n            onClick={destroyAllOtherSessions}\n          >\n            {t('profile:sessions.destroyAllOther')}\n          </DestroyAllOtherSessionsButton>\n\n          <OtherSessions>\n            <Title>\n              {t('profile:sessions.other')} ({otherSessions.length})\n            </Title>\n            <List>\n              {otherSessions.map((session) => (\n                <SessionListItem key={session.id} sessionKey={session} />\n              ))}\n            </List>\n          </OtherSessions>\n        </>\n      )}\n    </>\n  );\n};\n\nexport default SessionList;\n"],"mappings":"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"}
+{"version":3,"file":"SessionList.js","names":["sessionsFragment","Title","styled","div","List","p","clr","theme","listItemColorBorder","DestroyAllOtherSessionsButton","Button","OtherSessions","SESSION_LIST_PADDING_VERTICAL","SessionList","sessionsKey","useFragment","sessions","useTranslation","t","currentSession","useMemo","find","session","current","otherSessions","filter","sort","a","b","Date","lastSeenAt","getTime","useMutation","commitDestroyAllOtherSessions","loadingDestroyAllOtherSessions","destroyAllOtherSessions","useCallback","variables","updater","store","record","get","sessionRecords","getLinkedRecords","setLinkedRecords","item","getDataID","id","onError","error","message","onCompleted","success","length","map"],"sources":["../../../../src/lib/components/session/SessionList.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport graphql from 'babel-plugin-relay/macro';\nimport { useFragment, useMutation } from 'react-relay/hooks';\nimport { Button, message } from '@os-design/core';\nimport styled from '@emotion/styled';\nimport { useTranslation } from 'react-i18next';\nimport { clr } from '@os-design/theming';\nimport { SessionList_sessions$key } from './__generated__/SessionList_sessions.graphql';\nimport SessionListItem from './SessionListItem';\nimport { SessionListDestroyAllOtherSessionsMutation } from './__generated__/SessionListDestroyAllOtherSessionsMutation.graphql';\n\nconst sessionsFragment = graphql`\n  fragment SessionList_sessions on Query\n  @refetchable(queryName: \"SessionListRefetchQuery\") {\n    sessions {\n      id\n      current\n      lastSeenAt\n      ...SessionListItem_session\n    }\n  }\n`;\n\ninterface SessionListProps {\n  sessionsKey: SessionList_sessions$key;\n}\n\nexport const Title = styled.div`\n  font-weight: 500;\n  margin: 1em 1em 0.5em;\n`;\n\nexport const List = styled.div`\n  border-top: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n  border-bottom: 1px solid ${(p) => clr(p.theme.listItemColorBorder)};\n`;\n\nconst DestroyAllOtherSessionsButton = styled(Button)`\n  & > span {\n    flex: 1;\n    text-align: left;\n  }\n`;\n\nconst OtherSessions = styled.div`\n  margin-top: 2em;\n`;\n\nexport const SESSION_LIST_PADDING_VERTICAL = 0.5;\n\nconst SessionList: React.FC<SessionListProps> = ({ sessionsKey }) => {\n  const { sessions } = useFragment(sessionsFragment, sessionsKey);\n  const { t } = useTranslation(['profile']);\n\n  const currentSession = useMemo(\n    () => sessions.find((session) => session.current),\n    [sessions]\n  );\n\n  const otherSessions = useMemo(\n    () =>\n      sessions\n        .filter((session) => !session.current)\n        .sort(\n          (a, b) =>\n            new Date(b.lastSeenAt).getTime() - new Date(a.lastSeenAt).getTime()\n        ),\n    [sessions]\n  );\n\n  const [commitDestroyAllOtherSessions, loadingDestroyAllOtherSessions] =\n    useMutation<SessionListDestroyAllOtherSessionsMutation>(graphql`\n      mutation SessionListDestroyAllOtherSessionsMutation {\n        destroyAllOtherSessions {\n          ok\n        }\n      }\n    `);\n\n  const destroyAllOtherSessions = useCallback(() => {\n    commitDestroyAllOtherSessions({\n      variables: {},\n      updater: (store) => {\n        const record = store.get('client:root');\n        if (!record) return;\n\n        const sessionRecords = record.getLinkedRecords('sessions');\n        if (!sessionRecords) return;\n\n        record.setLinkedRecords(\n          sessionRecords.filter(\n            (item) => item.getDataID() === currentSession?.id\n          ),\n          'sessions'\n        );\n      },\n      onError: (error) => {\n        message.error(error.message);\n      },\n      onCompleted: () => {\n        message.success(t('profile:sessions.destroyedAllOther'));\n      },\n    });\n  }, [commitDestroyAllOtherSessions, currentSession?.id, t]);\n\n  return (\n    <>\n      {currentSession && (\n        <>\n          <Title>{t('profile:sessions.current')}</Title>\n          <List>\n            <SessionListItem sessionKey={currentSession} hideLastSeenAt />\n          </List>\n        </>\n      )}\n\n      {otherSessions.length > 0 && (\n        <>\n          <DestroyAllOtherSessionsButton\n            type='ghost'\n            danger\n            size='small'\n            wide='always'\n            loading={loadingDestroyAllOtherSessions}\n            onClick={destroyAllOtherSessions}\n          >\n            {t('profile:sessions.destroyAllOther')}\n          </DestroyAllOtherSessionsButton>\n\n          <OtherSessions>\n            <Title>\n              {t('profile:sessions.other')} ({otherSessions.length})\n            </Title>\n            <List>\n              {otherSessions.map((session) => (\n                <SessionListItem key={session.id} sessionKey={session} />\n              ))}\n            </List>\n          </OtherSessions>\n        </>\n      )}\n    </>\n  );\n};\n\nexport default SessionList;\n"],"mappings":"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"}

package/dist/cjs/components/session/SessionListItem.js

@@ -28,14 +28,14 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var sessionListItemFragment = _SessionListItem_session !== void 0 ? _SessionListItem_session : (_SessionListItem_session = require("./__generated__/SessionListItem_session.graphql"), _SessionListItem_session.hash && _SessionListItem_session.hash !== "c73c341c5f6e75f7bef7402186ce242b" && console.error("The definition of 'SessionListItem_session' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SessionListItem_session);
 var Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  padding: 0.5em 0;\n  overflow: hidden;\n\n  &:not(:last-of-type) {\n    border-bottom: 1px solid ", ";\n  }\n\n  @media (hover: hover) {\n    // Hide actions by default\n    & > nav {\n      opacity: 0;\n    }\n\n    // Display actions either on focus, or on hover\n    &:hover,\n    &:focus-within {\n      & > nav {\n        opacity: 1;\n      }\n    }\n  }\n\n  ", ";\n"])), function (p) {

package/dist/cjs/components/shared/FormError.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _core = require("@os-design/core");
+var _form = require("@os-design/form");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var FormError = function FormError() {
+  var _useExistingForm = (0, _form.useExistingForm)(),
+    useError = _useExistingForm.useError;
+  var error = useError('_error');
+  return error ? /*#__PURE__*/_react.default.createElement(_core.Alert, {
+    type: "error"
+  }, error) : null;
+};
+var _default = FormError;
+exports.default = _default;
+//# sourceMappingURL=FormError.js.map

package/dist/cjs/components/shared/FormError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormError.js","names":["FormError","useExistingForm","useError","error"],"sources":["../../../../src/lib/components/shared/FormError.tsx"],"sourcesContent":["import { Alert } from '@os-design/core';\nimport { useExistingForm } from '@os-design/form';\nimport React from 'react';\n\nconst FormError: React.FC = () => {\n  const { useError } = useExistingForm();\n  const error = useError('_error');\n  return error ? <Alert type='error'>{error}</Alert> : null;\n};\n\nexport default FormError;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA0B;AAE1B,IAAMA,SAAmB,GAAG,SAAtBA,SAAmB,GAAS;EAChC,uBAAqB,IAAAC,qBAAe,GAAE;IAA9BC,QAAQ,oBAARA,QAAQ;EAChB,IAAMC,KAAK,GAAGD,QAAQ,CAAC,QAAQ,CAAC;EAChC,OAAOC,KAAK,gBAAG,6BAAC,WAAK;IAAC,IAAI,EAAC;EAAO,GAAEA,KAAK,CAAS,GAAG,IAAI;AAC3D,CAAC;AAAC,eAEaH,SAAS;AAAA"}

package/dist/cjs/utils/handleFormErrors.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getErrorConstraints = exports.default = void 0;
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+var NO_CONSTRAINTS = {};
+var getErrorConstraints = function getErrorConstraints(error) {
+  var e = error;
+  if (!e.source || !Array.isArray(e.source.errors) || e.source.errors.length === 0 || !e.source.errors[0].extensions || !e.source.errors[0].extensions.code) {
+    return NO_CONSTRAINTS;
+  }
+  if (e.source.errors[0].extensions.code !== 'BAD_ARGUMENTS') {
+    return NO_CONSTRAINTS;
+  }
+  return e.source.errors[0].extensions.constraints;
+};
+exports.getErrorConstraints = getErrorConstraints;
+var handleFormErrors = function handleFormErrors(form, error) {
+  var e = error;
+  if (!e.source || !Array.isArray(e.source.errors) || e.source.errors.length === 0 || !e.source.errors[0].extensions || !e.source.errors[0].extensions.code) {
+    form.errors.set('_error', e.message);
+    return;
+  }
+  if (e.source.errors[0].extensions.code === 'BAD_ARGUMENTS') {
+    var constraints = getErrorConstraints(error);
+    Object.entries(constraints).forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        fieldName = _ref2[0],
+        message = _ref2[1].message;
+      form.errors.set(fieldName, message);
+    });
+  } else {
+    form.errors.set('_error', e.source.errors[0].message);
+  }
+};
+var _default = handleFormErrors;
+exports.default = _default;
+//# sourceMappingURL=handleFormErrors.js.map

package/dist/cjs/utils/handleFormErrors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleFormErrors.js","names":["NO_CONSTRAINTS","getErrorConstraints","error","e","source","Array","isArray","errors","length","extensions","code","constraints","handleFormErrors","form","set","message","Object","entries","forEach","fieldName"],"sources":["../../../src/lib/utils/handleFormErrors.ts"],"sourcesContent":["import { Form } from '@os-design/form';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\ninterface Constraint {\n  name: string;\n  message: string;\n}\n\nconst NO_CONSTRAINTS = {};\n\nexport const getErrorConstraints = (\n  error: Error\n): Record<string, Constraint> => {\n  const e = error as any;\n\n  if (\n    !e.source ||\n    !Array.isArray(e.source.errors) ||\n    e.source.errors.length === 0 ||\n    !e.source.errors[0].extensions ||\n    !e.source.errors[0].extensions.code\n  ) {\n    return NO_CONSTRAINTS;\n  }\n  if (e.source.errors[0].extensions.code !== 'BAD_ARGUMENTS') {\n    return NO_CONSTRAINTS;\n  }\n\n  return e.source.errors[0].extensions.constraints;\n};\n\nconst handleFormErrors = (form: Form<any>, error: Error): void => {\n  const e = error as any;\n\n  if (\n    !e.source ||\n    !Array.isArray(e.source.errors) ||\n    e.source.errors.length === 0 ||\n    !e.source.errors[0].extensions ||\n    !e.source.errors[0].extensions.code\n  ) {\n    form.errors.set('_error', e.message);\n    return;\n  }\n\n  if (e.source.errors[0].extensions.code === 'BAD_ARGUMENTS') {\n    const constraints = getErrorConstraints(error);\n    Object.entries(constraints).forEach(([fieldName, { message }]) => {\n      form.errors.set(fieldName, message);\n    });\n  } else {\n    form.errors.set('_error', e.source.errors[0].message);\n  }\n};\n\nexport default handleFormErrors;\n"],"mappings":";;;;;;;;;;;;AAEA;;AAOA,IAAMA,cAAc,GAAG,CAAC,CAAC;AAElB,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAC9BC,KAAY,EACmB;EAC/B,IAAMC,CAAC,GAAGD,KAAY;EAEtB,IACE,CAACC,CAAC,CAACC,MAAM,IACT,CAACC,KAAK,CAACC,OAAO,CAACH,CAAC,CAACC,MAAM,CAACG,MAAM,CAAC,IAC/BJ,CAAC,CAACC,MAAM,CAACG,MAAM,CAACC,MAAM,KAAK,CAAC,IAC5B,CAACL,CAAC,CAACC,MAAM,CAACG,MAAM,CAAC,CAAC,CAAC,CAACE,UAAU,IAC9B,CAACN,CAAC,CAACC,MAAM,CAACG,MAAM,CAAC,CAAC,CAAC,CAACE,UAAU,CAACC,IAAI,EACnC;IACA,OAAOV,cAAc;EACvB;EACA,IAAIG,CAAC,CAACC,MAAM,CAACG,MAAM,CAAC,CAAC,CAAC,CAACE,UAAU,CAACC,IAAI,KAAK,eAAe,EAAE;IAC1D,OAAOV,cAAc;EACvB;EAEA,OAAOG,CAAC,CAACC,MAAM,CAACG,MAAM,CAAC,CAAC,CAAC,CAACE,UAAU,CAACE,WAAW;AAClD,CAAC;AAAC;AAEF,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,IAAe,EAAEX,KAAY,EAAW;EAChE,IAAMC,CAAC,GAAGD,KAAY;EAEtB,IACE,CAACC,CAAC,CAACC,MAAM,IACT,CAACC,KAAK,CAACC,OAAO,CAACH,CAAC,CAACC,MAAM,CAACG,MAAM,CAAC,IAC/BJ,CAAC,CAACC,MAAM,CAACG,MAAM,CAACC,MAAM,KAAK,CAAC,IAC5B,CAACL,CAAC,CAACC,MAAM,CAACG,MAAM,CAAC,CAAC,CAAC,CAACE,UAAU,IAC9B,CAACN,CAAC,CAACC,MAAM,CAACG,MAAM,CAAC,CAAC,CAAC,CAACE,UAAU,CAACC,IAAI,EACnC;IACAG,IAAI,CAACN,MAAM,CAACO,GAAG,CAAC,QAAQ,EAAEX,CAAC,CAACY,OAAO,CAAC;IACpC;EACF;EAEA,IAAIZ,CAAC,CAACC,MAAM,CAACG,MAAM,CAAC,CAAC,CAAC,CAACE,UAAU,CAACC,IAAI,KAAK,eAAe,EAAE;IAC1D,IAAMC,WAAW,GAAGV,mBAAmB,CAACC,KAAK,CAAC;IAC9Cc,MAAM,CAACC,OAAO,CAACN,WAAW,CAAC,CAACO,OAAO,CAAC,gBAA8B;MAAA;QAA5BC,SAAS;QAAIJ,OAAO,YAAPA,OAAO;MACxDF,IAAI,CAACN,MAAM,CAACO,GAAG,CAACK,SAAS,EAAEJ,OAAO,CAAC;IACrC,CAAC,CAAC;EACJ,CAAC,MAAM;IACLF,IAAI,CAACN,MAAM,CAACO,GAAG,CAAC,QAAQ,EAAEX,CAAC,CAACC,MAAM,CAACG,MAAM,CAAC,CAAC,CAAC,CAACQ,OAAO,CAAC;EACvD;AACF,CAAC;AAAC,eAEaH,gBAAgB;AAAA"}