@os-team/profile 1.0.49 → 1.1.0

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

@@ -1,10 +1,12 @@
 var _ProfileUpdateNameModalMutation;
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { message, Modal } from '@os-design/core';
+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); }
+import { Form, FormItem, Input, message, Modal } from '@os-design/core';
+import { FormProvider, useForm } from '@os-design/form';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { handleFormErrors, FormContext } from '@os-team/form-utils';
 import { useMutation } from 'react-relay/hooks';
-import ProfileUpdateNameForm from './ProfileUpdateNameForm';
+import handleFormErrors from '../../utils/handleFormErrors';
+import FormError from '../shared/FormError';
 import { useProfile } from './ProfileContext';
 const ProfileUpdateNameModal = ({
   visibility,
@@ -17,50 +19,32 @@ const ProfileUpdateNameModal = ({
     firstName,
     lastName
   } = useProfile();
-  const [fieldErrors, setFieldErrors] = useState({});
-  const [formError, setFormError] = useState();
-  const [data, setData] = useState({
+  const initValues = useMemo(() => ({
     firstName: firstName || '',
     lastName: lastName || ''
-  });
+  }), [firstName, lastName]);
+  const {
+    form,
+    Field
+  } = useForm(initValues);
   const [commit, loading] = 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));
 
   // Reset the data if the modal is visible
   useEffect(() => {
-    if (visibility) {
-      setData({
-        firstName: firstName || '',
-        lastName: lastName || ''
-      });
-    }
-  }, [firstName, lastName, visibility]);
+    if (visibility) form.reset();
+  }, [form, visibility]);
   const onSubmit = useCallback(() => {
     commit({
       variables: {
-        input: data
-      },
-      onError: error => {
-        handleFormErrors(error, {
-          setFieldErrors,
-          setFormError
-        });
+        input: form.values.getAll()
       },
+      onError: error => handleFormErrors(form, error),
       onCompleted: () => {
-        setFieldErrors({});
-        setFormError(undefined);
         message.success(t('profile:updated'));
         onClose();
       }
     });
-  }, [commit, data, onClose, t]);
-  const formContext = useMemo(() => ({
-    data,
-    setData,
-    fieldErrors,
-    setFieldErrors,
-    formError,
-    setFormError
-  }), [data, fieldErrors, formError]);
+  }, [commit, form, onClose, t]);
   return /*#__PURE__*/React.createElement(Modal, {
     title: t('profile:updateNameModal.title'),
     visible: visibility,
@@ -68,9 +52,29 @@ const ProfileUpdateNameModal = ({
     okLoading: loading,
     onOk: onSubmit,
     onClose: onClose
-  }, /*#__PURE__*/React.createElement(FormContext.Provider, {
-    value: formContext
-  }, /*#__PURE__*/React.createElement(ProfileUpdateNameForm, null)));
+  }, /*#__PURE__*/React.createElement(FormProvider, {
+    form: form
+  }, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Field, {
+    name: "firstName",
+    render: (props, {
+      error
+    }) => /*#__PURE__*/React.createElement(FormItem, {
+      label: t('profile:updateNameModal.firstName.label'),
+      error: error
+    }, /*#__PURE__*/React.createElement(Input, _extends({
+      placeholder: t('profile:updateNameModal.firstName.placeholder')
+    }, props)))
+  }), /*#__PURE__*/React.createElement(Field, {
+    name: "lastName",
+    render: (props, {
+      error
+    }) => /*#__PURE__*/React.createElement(FormItem, {
+      label: t('profile:updateNameModal.lastName.label'),
+      error: error
+    }, /*#__PURE__*/React.createElement(Input, _extends({
+      placeholder: t('profile:updateNameModal.lastName.placeholder')
+    }, props)))
+  }), /*#__PURE__*/React.createElement(FormError, null))));
 };
 export default ProfileUpdateNameModal;
 //# sourceMappingURL=ProfileUpdateNameModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileUpdateNameModal.js","names":["React","useCallback","useEffect","useMemo","useState","message","Modal","useTranslation","handleFormErrors","FormContext","useMutation","ProfileUpdateNameForm","useProfile","ProfileUpdateNameModal","visibility","onClose","t","firstName","lastName","fieldErrors","setFieldErrors","formError","setFormError","data","setData","commit","loading","onSubmit","variables","input","onError","error","onCompleted","undefined","success","formContext"],"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,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACxE,SAASC,OAAO,EAAEC,KAAK,QAAQ,iBAAiB;AAChD,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAAqBC,gBAAgB,EAAEC,WAAW,QAAQ,qBAAqB;AAE/E,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,OAAOC,qBAAqB,MAErB,yBAAyB;AAChC,SAASC,UAAU,QAAQ,kBAAkB;AAQ7C,MAAMC,sBAA6D,GAAG,CAAC;EACrEC,UAAU;EACVC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAGT,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;EACzC,MAAM;IAAEU,SAAS;IAAEC;EAAS,CAAC,GAAGN,UAAU,EAAE;EAE5C,MAAM,CAACO,WAAW,EAAEC,cAAc,CAAC,GAAGhB,QAAQ,CAC5C,CAAC,CAAC,CACH;EACD,MAAM,CAACiB,SAAS,EAAEC,YAAY,CAAC,GAAGlB,QAAQ,EAAsB;EAChE,MAAM,CAACmB,IAAI,EAAEC,OAAO,CAAC,GAAGpB,QAAQ,CAA4B;IAC1Da,SAAS,EAAEA,SAAS,IAAI,EAAE;IAC1BC,QAAQ,EAAEA,QAAQ,IAAI;EACxB,CAAC,CAAC;EAEF,MAAM,CAACO,MAAM,EAAEC,OAAO,CAAC,GAAGhB,WAAW,6fAOnC;;EAEF;EACAR,SAAS,CAAC,MAAM;IACd,IAAIY,UAAU,EAAE;MACdU,OAAO,CAAC;QACNP,SAAS,EAAEA,SAAS,IAAI,EAAE;QAC1BC,QAAQ,EAAEA,QAAQ,IAAI;MACxB,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACD,SAAS,EAAEC,QAAQ,EAAEJ,UAAU,CAAC,CAAC;EAErC,MAAMa,QAAQ,GAAG1B,WAAW,CAAC,MAAM;IACjCwB,MAAM,CAAC;MACLG,SAAS,EAAE;QACTC,KAAK,EAAEN;MACT,CAAC;MACDO,OAAO,EAAGC,KAAK,IAAK;QAClBvB,gBAAgB,CAACuB,KAAK,EAAE;UAAEX,cAAc;UAAEE;QAAa,CAAC,CAAC;MAC3D,CAAC;MACDU,WAAW,EAAE,MAAM;QACjBZ,cAAc,CAAC,CAAC,CAAC,CAAC;QAClBE,YAAY,CAACW,SAAS,CAAC;QACvB5B,OAAO,CAAC6B,OAAO,CAAClB,CAAC,CAAC,iBAAiB,CAAC,CAAC;QACrCD,OAAO,EAAE;MACX;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACU,MAAM,EAAEF,IAAI,EAAER,OAAO,EAAEC,CAAC,CAAC,CAAC;EAE9B,MAAMmB,WAAW,GAAGhC,OAAO,CACzB,OAAO;IACLoB,IAAI;IACJC,OAAO;IACPL,WAAW;IACXC,cAAc;IACdC,SAAS;IACTC;EACF,CAAC,CAAC,EACF,CAACC,IAAI,EAAEJ,WAAW,EAAEE,SAAS,CAAC,CAC/B;EAED,oBACE,oBAAC,KAAK;IACJ,KAAK,EAAEL,CAAC,CAAC,+BAA+B,CAAE;IAC1C,OAAO,EAAEF,UAAW;IACpB,MAAM,EAAEE,CAAC,CAAC,gBAAgB,CAAE;IAC5B,SAAS,EAAEU,OAAQ;IACnB,IAAI,EAAEC,QAAS;IACf,OAAO,EAAEZ;EAAQ,gBAEjB,oBAAC,WAAW,CAAC,QAAQ;IAAC,KAAK,EAAEoB;EAAY,gBACvC,oBAAC,qBAAqB,OAAG,CACJ,CACjB;AAEZ,CAAC;AAED,eAAetB,sBAAsB"}
+{"version":3,"file":"ProfileUpdateNameModal.js","names":["Form","FormItem","Input","message","Modal","FormProvider","useForm","React","useCallback","useEffect","useMemo","useTranslation","useMutation","handleFormErrors","FormError","useProfile","ProfileUpdateNameModal","visibility","onClose","t","firstName","lastName","initValues","form","Field","commit","loading","reset","onSubmit","variables","input","values","getAll","onError","error","onCompleted","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/esm/components/profile/ProfileUpdatePasswordModal.js

@@ -1,10 +1,12 @@
 var _ProfileUpdatePasswordModalMutation;
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { message, Modal } from '@os-design/core';
-import { useMutation } from 'react-relay/hooks';
+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); }
+import { Form, FormItem, InputPassword, message, Modal } from '@os-design/core';
+import { FormProvider, useForm } from '@os-design/form';
+import React, { useCallback, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
-import { handleFormErrors, FormContext } from '@os-team/form-utils';
-import ProfileUpdatePasswordForm from './ProfileUpdatePasswordForm';
+import { useMutation } from 'react-relay/hooks';
+import handleFormErrors from '../../utils/handleFormErrors';
+import FormError from '../shared/FormError';
 const ProfileUpdatePasswordModal = ({
   visibility,
   onClose
@@ -12,9 +14,10 @@ const ProfileUpdatePasswordModal = ({
   const {
     t
   } = useTranslation(['profile']);
-  const [fieldErrors, setFieldErrors] = useState({});
-  const [formError, setFormError] = useState();
-  const [data, setData] = useState({
+  const {
+    form,
+    Field
+  } = useForm({
     currentPassword: '',
     password: ''
   });
@@ -22,40 +25,20 @@ const ProfileUpdatePasswordModal = ({
 
   // Reset the data if the modal is visible
   useEffect(() => {
-    if (visibility) {
-      setData({
-        currentPassword: '',
-        password: ''
-      });
-    }
-  }, [visibility]);
+    if (visibility) form.reset();
+  }, [form, visibility]);
   const onSubmit = useCallback(() => {
     commit({
       variables: {
-        input: data
-      },
-      onError: error => {
-        handleFormErrors(error, {
-          setFieldErrors,
-          setFormError
-        });
+        input: form.values.getAll()
       },
+      onError: error => handleFormErrors(form, error),
       onCompleted: () => {
-        setFieldErrors({});
-        setFormError(undefined);
         message.success(t('profile:updatePasswordModal.success'));
         onClose();
       }
     });
-  }, [commit, data, onClose, t]);
-  const formContext = useMemo(() => ({
-    data,
-    setData,
-    fieldErrors,
-    setFieldErrors,
-    formError,
-    setFormError
-  }), [data, fieldErrors, formError]);
+  }, [commit, form, onClose, t]);
   return /*#__PURE__*/React.createElement(Modal, {
     title: t('profile:updatePasswordModal.title'),
     visible: visibility,
@@ -63,9 +46,33 @@ const ProfileUpdatePasswordModal = ({
     okLoading: loading,
     onOk: onSubmit,
     onClose: onClose
-  }, /*#__PURE__*/React.createElement(FormContext.Provider, {
-    value: formContext
-  }, /*#__PURE__*/React.createElement(ProfileUpdatePasswordForm, null)));
+  }, /*#__PURE__*/React.createElement(FormProvider, {
+    form: form
+  }, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Field, {
+    name: "currentPassword",
+    render: (props, {
+      error
+    }) => /*#__PURE__*/React.createElement(FormItem, {
+      label: t('profile:updatePasswordModal.currentPassword.label'),
+      error: error
+    }, /*#__PURE__*/React.createElement(InputPassword, _extends({
+      placeholder: t('profile:updatePasswordModal.currentPassword.placeholder')
+    }, props)))
+  }), /*#__PURE__*/React.createElement(Field, {
+    name: "password",
+    render: (props, {
+      error
+    }) => /*#__PURE__*/React.createElement(FormItem, {
+      label: t('profile:updatePasswordModal.newPassword.label'),
+      error: error
+    }, /*#__PURE__*/React.createElement(InputPassword, _extends({
+      placeholder: t('profile:updatePasswordModal.newPassword.placeholder'),
+      showStrengthMeter: true,
+      strengthNames: t('profile:updatePasswordModal.passwordStrengthNames', {
+        returnObjects: true
+      })
+    }, props)))
+  }), /*#__PURE__*/React.createElement(FormError, null))));
 };
 export default ProfileUpdatePasswordModal;
 //# sourceMappingURL=ProfileUpdatePasswordModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileUpdatePasswordModal.js","names":["React","useCallback","useEffect","useMemo","useState","message","Modal","useMutation","useTranslation","handleFormErrors","FormContext","ProfileUpdatePasswordForm","ProfileUpdatePasswordModal","visibility","onClose","t","fieldErrors","setFieldErrors","formError","setFormError","data","setData","currentPassword","password","commit","loading","onSubmit","variables","input","onError","error","onCompleted","undefined","success","formContext"],"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,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACxE,SAASC,OAAO,EAAEC,KAAK,QAAQ,iBAAiB;AAEhD,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAAqBC,gBAAgB,EAAEC,WAAW,QAAQ,qBAAqB;AAC/E,OAAOC,yBAAyB,MAEzB,6BAA6B;AAQpC,MAAMC,0BAAqE,GAAG,CAAC;EAC7EC,UAAU;EACVC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAGP,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;EAEzC,MAAM,CAACQ,WAAW,EAAEC,cAAc,CAAC,GAAGb,QAAQ,CAC5C,CAAC,CAAC,CACH;EACD,MAAM,CAACc,SAAS,EAAEC,YAAY,CAAC,GAAGf,QAAQ,EAAsB;EAChE,MAAM,CAACgB,IAAI,EAAEC,OAAO,CAAC,GAAGjB,QAAQ,CAAgC;IAC9DkB,eAAe,EAAE,EAAE;IACnBC,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEF,MAAM,CAACC,MAAM,EAAEC,OAAO,CAAC,GACrBlB,WAAW,6hBAQT;;EAEJ;EACAL,SAAS,CAAC,MAAM;IACd,IAAIW,UAAU,EAAE;MACdQ,OAAO,CAAC;QACNC,eAAe,EAAE,EAAE;QACnBC,QAAQ,EAAE;MACZ,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACV,UAAU,CAAC,CAAC;EAEhB,MAAMa,QAAQ,GAAGzB,WAAW,CAAC,MAAM;IACjCuB,MAAM,CAAC;MACLG,SAAS,EAAE;QACTC,KAAK,EAAER;MACT,CAAC;MACDS,OAAO,EAAGC,KAAK,IAAK;QAClBrB,gBAAgB,CAACqB,KAAK,EAAE;UAAEb,cAAc;UAAEE;QAAa,CAAC,CAAC;MAC3D,CAAC;MACDY,WAAW,EAAE,MAAM;QACjBd,cAAc,CAAC,CAAC,CAAC,CAAC;QAClBE,YAAY,CAACa,SAAS,CAAC;QACvB3B,OAAO,CAAC4B,OAAO,CAAClB,CAAC,CAAC,qCAAqC,CAAC,CAAC;QACzDD,OAAO,EAAE;MACX;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACU,MAAM,EAAEJ,IAAI,EAAEN,OAAO,EAAEC,CAAC,CAAC,CAAC;EAE9B,MAAMmB,WAAW,GAAG/B,OAAO,CACzB,OAAO;IACLiB,IAAI;IACJC,OAAO;IACPL,WAAW;IACXC,cAAc;IACdC,SAAS;IACTC;EACF,CAAC,CAAC,EACF,CAACC,IAAI,EAAEJ,WAAW,EAAEE,SAAS,CAAC,CAC/B;EAED,oBACE,oBAAC,KAAK;IACJ,KAAK,EAAEH,CAAC,CAAC,mCAAmC,CAAE;IAC9C,OAAO,EAAEF,UAAW;IACpB,MAAM,EAAEE,CAAC,CAAC,oCAAoC,CAAE;IAChD,SAAS,EAAEU,OAAQ;IACnB,IAAI,EAAEC,QAAS;IACf,OAAO,EAAEZ;EAAQ,gBAEjB,oBAAC,WAAW,CAAC,QAAQ;IAAC,KAAK,EAAEoB;EAAY,gBACvC,oBAAC,yBAAyB,OAAG,CACR,CACjB;AAEZ,CAAC;AAED,eAAetB,0BAA0B"}
+{"version":3,"file":"ProfileUpdatePasswordModal.js","names":["Form","FormItem","InputPassword","message","Modal","FormProvider","useForm","React","useCallback","useEffect","useTranslation","useMutation","handleFormErrors","FormError","ProfileUpdatePasswordModal","visibility","onClose","t","form","Field","currentPassword","password","commit","loading","reset","onSubmit","variables","input","values","getAll","onError","error","onCompleted","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,SAASA,IAAI,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,OAAO,EAAEC,KAAK,QAAQ,iBAAiB;AAC/E,SAASC,YAAY,EAAEC,OAAO,QAAQ,iBAAiB;AAEvD,OAAOC,KAAK,IAAIC,WAAW,EAAEC,SAAS,QAAQ,OAAO;AACrD,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,OAAOC,gBAAgB,MAAM,8BAA8B;AAC3D,OAAOC,SAAS,MAAM,qBAAqB;AAa3C,MAAMC,0BAAqE,GAAG,CAAC;EAC7EC,UAAU;EACVC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAGP,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;EAEzC,MAAM;IAAEQ,IAAI;IAAEC;EAAM,CAAC,GAAGb,OAAO,CAAgC;IAC7Dc,eAAe,EAAE,EAAE;IACnBC,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEF,MAAM,CAACC,MAAM,EAAEC,OAAO,CAAC,GACrBZ,WAAW,6hBAQT;;EAEJ;EACAF,SAAS,CAAC,MAAM;IACd,IAAIM,UAAU,EAAEG,IAAI,CAACM,KAAK,EAAE;EAC9B,CAAC,EAAE,CAACN,IAAI,EAAEH,UAAU,CAAC,CAAC;EAEtB,MAAMU,QAAQ,GAAGjB,WAAW,CAAC,MAAM;IACjCc,MAAM,CAAC;MACLI,SAAS,EAAE;QACTC,KAAK,EAAET,IAAI,CAACU,MAAM,CAACC,MAAM;MAC3B,CAAC;MACDC,OAAO,EAAGC,KAAK,IAAKnB,gBAAgB,CAACM,IAAI,EAAEa,KAAK,CAAC;MACjDC,WAAW,EAAE,MAAM;QACjB7B,OAAO,CAAC8B,OAAO,CAAChB,CAAC,CAAC,qCAAqC,CAAC,CAAC;QACzDD,OAAO,EAAE;MACX;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACM,MAAM,EAAEJ,IAAI,EAAEF,OAAO,EAAEC,CAAC,CAAC,CAAC;EAE9B,oBACE,oBAAC,KAAK;IACJ,KAAK,EAAEA,CAAC,CAAC,mCAAmC,CAAE;IAC9C,OAAO,EAAEF,UAAW;IACpB,MAAM,EAAEE,CAAC,CAAC,oCAAoC,CAAE;IAChD,SAAS,EAAEM,OAAQ;IACnB,IAAI,EAAEE,QAAS;IACf,OAAO,EAAET;EAAQ,gBAEjB,oBAAC,YAAY;IAAC,IAAI,EAAEE;EAAK,gBACvB,oBAAC,IAAI,qBACH,oBAAC,KAAK;IACJ,IAAI,EAAC,iBAAiB;IACtB,MAAM,EAAE,CAACgB,KAAK,EAAE;MAAEH;IAAM,CAAC,kBACvB,oBAAC,QAAQ;MACP,KAAK,EAAEd,CAAC,CAAC,mDAAmD,CAAE;MAC9D,KAAK,EAAEc;IAAM,gBAEb,oBAAC,aAAa;MACZ,WAAW,EAAEd,CAAC,CACZ,yDAAyD;IACzD,GACEiB,KAAK,EACT;EAEJ,EACF,eAEF,oBAAC,KAAK;IACJ,IAAI,EAAC,UAAU;IACf,MAAM,EAAE,CAACA,KAAK,EAAE;MAAEH;IAAM,CAAC,kBACvB,oBAAC,QAAQ;MACP,KAAK,EAAEd,CAAC,CAAC,+CAA+C,CAAE;MAC1D,KAAK,EAAEc;IAAM,gBAEb,oBAAC,aAAa;MACZ,WAAW,EAAEd,CAAC,CACZ,qDAAqD,CACrD;MACF,iBAAiB;MACjB,aAAa,EAAEA,CAAC,CACd,mDAAmD,EACnD;QAAEkB,aAAa,EAAE;MAAK,CAAC;IACvB,GACED,KAAK,EACT;EAEJ,EACF,eAEF,oBAAC,SAAS,OAAG,CACR,CACM,CACT;AAEZ,CAAC;AAED,eAAepB,0BAA0B"}

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

@@ -1 +1 @@
-{"version":3,"file":"SessionList.js","names":["React","useCallback","useMemo","useFragment","useMutation","Button","message","styled","useTranslation","clr","SessionListItem","sessionsFragment","Title","div","List","p","theme","listItemColorBorder","DestroyAllOtherSessionsButton","OtherSessions","SESSION_LIST_PADDING_VERTICAL","SessionList","sessionsKey","sessions","t","currentSession","find","session","current","otherSessions","filter","sort","a","b","Date","lastSeenAt","getTime","commitDestroyAllOtherSessions","loadingDestroyAllOtherSessions","destroyAllOtherSessions","variables","updater","store","record","get","sessionRecords","getLinkedRecords","setLinkedRecords","item","getDataID","id","onError","error","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":["React","useCallback","useMemo","useFragment","useMutation","Button","message","styled","useTranslation","clr","SessionListItem","sessionsFragment","Title","div","List","p","theme","listItemColorBorder","DestroyAllOtherSessionsButton","OtherSessions","SESSION_LIST_PADDING_VERTICAL","SessionList","sessionsKey","sessions","t","currentSession","find","session","current","otherSessions","filter","sort","a","b","Date","lastSeenAt","getTime","commitDestroyAllOtherSessions","loadingDestroyAllOtherSessions","destroyAllOtherSessions","variables","updater","store","record","get","sessionRecords","getLinkedRecords","setLinkedRecords","item","getDataID","id","onError","error","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/esm/components/shared/FormError.js

@@ -0,0 +1,14 @@
+import { Alert } from '@os-design/core';
+import { useExistingForm } from '@os-design/form';
+import React from 'react';
+const FormError = () => {
+  const {
+    useError
+  } = useExistingForm();
+  const error = useError('_error');
+  return error ? /*#__PURE__*/React.createElement(Alert, {
+    type: "error"
+  }, error) : null;
+};
+export default FormError;
+//# sourceMappingURL=FormError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormError.js","names":["Alert","useExistingForm","React","FormError","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,SAASA,KAAK,QAAQ,iBAAiB;AACvC,SAASC,eAAe,QAAQ,iBAAiB;AACjD,OAAOC,KAAK,MAAM,OAAO;AAEzB,MAAMC,SAAmB,GAAG,MAAM;EAChC,MAAM;IAAEC;EAAS,CAAC,GAAGH,eAAe,EAAE;EACtC,MAAMI,KAAK,GAAGD,QAAQ,CAAC,QAAQ,CAAC;EAChC,OAAOC,KAAK,gBAAG,oBAAC,KAAK;IAAC,IAAI,EAAC;EAAO,GAAEA,KAAK,CAAS,GAAG,IAAI;AAC3D,CAAC;AAED,eAAeF,SAAS"}

package/dist/esm/utils/handleFormErrors.js

@@ -0,0 +1,32 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+const NO_CONSTRAINTS = {};
+export const getErrorConstraints = error => {
+  const 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;
+};
+const handleFormErrors = (form, error) => {
+  const 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') {
+    const constraints = getErrorConstraints(error);
+    Object.entries(constraints).forEach(([fieldName, {
+      message
+    }]) => {
+      form.errors.set(fieldName, message);
+    });
+  } else {
+    form.errors.set('_error', e.source.errors[0].message);
+  }
+};
+export default handleFormErrors;
+//# sourceMappingURL=handleFormErrors.js.map

package/dist/esm/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,MAAMA,cAAc,GAAG,CAAC,CAAC;AAEzB,OAAO,MAAMC,mBAAmB,GAC9BC,KAAY,IACmB;EAC/B,MAAMC,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;AAED,MAAMC,gBAAgB,GAAG,CAACC,IAAe,EAAEX,KAAY,KAAW;EAChE,MAAMC,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,MAAMC,WAAW,GAAGV,mBAAmB,CAACC,KAAK,CAAC;IAC9Cc,MAAM,CAACC,OAAO,CAACN,WAAW,CAAC,CAACO,OAAO,CAAC,CAAC,CAACC,SAAS,EAAE;MAAEJ;IAAQ,CAAC,CAAC,KAAK;MAChEF,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;AAED,eAAeH,gBAAgB"}

package/dist/types/src/lib/components/profile/ProfileUpdateNameModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileUpdateNameModal.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/profile/ProfileUpdateNameModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAYzE,UAAU,2BAA2B;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA8EjE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"ProfileUpdateNameModal.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/profile/ProfileUpdateNameModal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAa/D,UAAU,2BAA2B;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA2FjE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/types/src/lib/components/profile/ProfileUpdatePasswordModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileUpdatePasswordModal.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/profile/ProfileUpdatePasswordModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAWzE,UAAU,+BAA+B;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CA+EzE,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"ProfileUpdatePasswordModal.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/profile/ProfileUpdatePasswordModal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAYtD,UAAU,+BAA+B;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CA+FzE,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/types/src/lib/components/shared/FormError.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const FormError: React.FC;
+export default FormError;
+//# sourceMappingURL=FormError.d.ts.map

package/dist/types/src/lib/components/shared/FormError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormError.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/shared/FormError.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAItB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/src/lib/utils/handleFormErrors.d.ts

@@ -0,0 +1,9 @@
+import { Form } from '@os-design/form';
+interface Constraint {
+    name: string;
+    message: string;
+}
+export declare const getErrorConstraints: (error: Error) => Record<string, Constraint>;
+declare const handleFormErrors: (form: Form<any>, error: Error) => void;
+export default handleFormErrors;
+//# sourceMappingURL=handleFormErrors.d.ts.map

package/dist/types/src/lib/utils/handleFormErrors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleFormErrors.d.ts","sourceRoot":"","sources":["../../../../../src/lib/utils/handleFormErrors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAIvC,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAID,eAAO,MAAM,mBAAmB,UACvB,KAAK,KACX,OAAO,MAAM,EAAE,UAAU,CAiB3B,CAAC;AAEF,QAAA,MAAM,gBAAgB,SAAU,KAAK,GAAG,CAAC,SAAS,KAAK,KAAG,IAsBzD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-team/profile",
-  "version": "1.0.49",
+  "version": "1.1.0",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/profile.git",
   "main": "dist/cjs/index.js",
@@ -42,18 +42,18 @@
     "registry": "https://registry.npmjs.org"
   },
   "dependencies": {
-    "@os-design/core": "^1.0.183",
-    "@os-design/icons": "^1.0.44",
-    "@os-design/media": "^1.0.16",
-    "@os-design/styles": "^1.0.41",
-    "@os-design/theming": "^1.0.39",
-    "@os-design/utils": "^1.0.57",
-    "@os-team/form-utils": "^1.0.32",
+    "@os-design/core": "^1.0.191",
+    "@os-design/form": "^1.0.15",
+    "@os-design/icons": "^1.0.46",
+    "@os-design/media": "^1.0.18",
+    "@os-design/styles": "^1.0.43",
+    "@os-design/theming": "^1.0.41",
+    "@os-design/utils": "^1.0.59",
     "@os-team/plural-forms": "^1.0.11"
   },
   "devDependencies": {
-    "@babel/cli": "^7.19.3",
-    "@babel/core": "^7.20.2",
+    "@babel/cli": "^7.20.7",
+    "@babel/core": "^7.20.7",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
@@ -61,22 +61,22 @@
     "@emotion/serialize": "^1.1.1",
     "@emotion/styled": "^11.10.5",
     "@os-team/prettier-config": "1.1.9",
-    "@os-team/relay-network-creator": "^1.2.12",
-    "@os-team/relay-network-mw-upload": "^1.2.11",
-    "@types/jest": "^29.2.3",
-    "@types/node": "^18.11.9",
-    "@types/react": "^18.0.25",
+    "@os-team/relay-network-creator": "^1.2.13",
+    "@os-team/relay-network-mw-upload": "^1.2.12",
+    "@types/jest": "^29.2.4",
+    "@types/node": "^18.11.17",
+    "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",
     "@types/react-relay": "^14.1.2",
     "@types/react-router-dom": "^5.3.3",
-    "@typescript-eslint/eslint-plugin": "^5.44.0",
-    "@typescript-eslint/parser": "^5.44.0",
+    "@typescript-eslint/eslint-plugin": "^5.47.0",
+    "@typescript-eslint/parser": "^5.47.0",
     "babel-plugin-relay": "^14.1.0",
     "cross-env": "^7.0.3",
-    "eslint": "^8.28.0",
+    "eslint": "^8.30.0",
     "eslint-config-os-team-react": "1.1.35",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jest": "^27.1.6",
+    "eslint-plugin-jest": "^27.1.7",
     "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.31.11",
@@ -84,26 +84,26 @@
     "get-graphql-schema": "^2.1.2",
     "graphql": "^16.6.0",
     "husky": "^8.0.2",
-    "i18next": "^22.0.6",
+    "i18next": "^22.4.6",
     "i18next-browser-languagedetector": "^7.0.1",
-    "i18next-http-backend": "^2.0.1",
+    "i18next-http-backend": "^2.1.1",
     "lazysizes": "^5.3.2",
-    "lint-staged": "^13.0.4",
+    "lint-staged": "^13.1.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "2.8.0",
+    "prettier": "2.8.1",
     "progress-bar-webpack-plugin": "^2.1.0",
     "react": "^18.2.0",
     "react-app-rewired": "^2.2.1",
     "react-dom": "^18.2.0",
-    "react-i18next": "^12.0.0",
+    "react-i18next": "^12.1.1",
     "react-relay": "^14.1.0",
-    "react-router-dom": "^6.4.3",
+    "react-router-dom": "^6.6.0",
     "react-scripts": "^5.0.1",
     "react-test-renderer": "^18.2.0",
     "relay-compiler": "^14.1.0",
     "relay-runtime": "^14.1.0",
-    "release-it": "^15.5.0",
-    "typescript": "^4.9.3",
+    "release-it": "^15.5.1",
+    "typescript": "^4.9.4",
     "webpack-bundle-analyzer": "^4.7.0"
   },
   "peerDependencies": {

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

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _formUtils = require("@os-team/form-utils");
-var _core = require("@os-design/core");
-var _reactI18next = require("react-i18next");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-var ProfileUpdateNameForm = function ProfileUpdateNameForm(_ref) {
-  var children = _ref.children;
-  var _useTranslation = (0, _reactI18next.useTranslation)(['profile']),
-    t = _useTranslation.t;
-  var _useForm = (0, _formUtils.useForm)(),
-    formError = _useForm.formError;
-  var firstName = (0, _formUtils.useFormItem)('firstName');
-  var lastName = (0, _formUtils.useFormItem)('lastName');
-  return /*#__PURE__*/_react.default.createElement(_core.Form, null, /*#__PURE__*/_react.default.createElement(_core.FormItem, _extends({
-    label: t('profile:updateNameModal.firstName.label')
-  }, firstName[0]), /*#__PURE__*/_react.default.createElement(_core.Input, _extends({
-    placeholder: t('profile:updateNameModal.firstName.placeholder')
-  }, firstName[1]))), /*#__PURE__*/_react.default.createElement(_core.FormItem, _extends({
-    label: t('profile:updateNameModal.lastName.label')
-  }, lastName[0]), /*#__PURE__*/_react.default.createElement(_core.Input, _extends({
-    placeholder: t('profile:updateNameModal.lastName.placeholder')
-  }, lastName[1]))), formError && /*#__PURE__*/_react.default.createElement(_core.Alert, {
-    type: "error"
-  }, formError), children);
-};
-var _default = ProfileUpdateNameForm;
-exports.default = _default;
-//# sourceMappingURL=ProfileUpdateNameForm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ProfileUpdateNameForm.js","names":["ProfileUpdateNameForm","children","useTranslation","t","useForm","formError","firstName","useFormItem","lastName"],"sources":["../../../../src/lib/components/profile/ProfileUpdateNameForm.tsx"],"sourcesContent":["import React from 'react';\nimport { useForm, useFormItem } from '@os-team/form-utils';\nimport { Alert, Form, FormItem, Input } from '@os-design/core';\nimport { useTranslation } from 'react-i18next';\n\nexport interface ProfileUpdateNameFormData {\n  firstName: string;\n  lastName: string;\n}\n\ninterface ProfileUpdateNameFormProps {\n  children?: React.ReactNode;\n}\n\nconst ProfileUpdateNameForm: React.FC<ProfileUpdateNameFormProps> = ({\n  children,\n}) => {\n  const { t } = useTranslation(['profile']);\n  const { formError } = useForm();\n\n  const firstName = useFormItem('firstName');\n  const lastName = useFormItem('lastName');\n\n  return (\n    <Form>\n      <FormItem\n        label={t('profile:updateNameModal.firstName.label')}\n        {...firstName[0]}\n      >\n        <Input\n          placeholder={t('profile:updateNameModal.firstName.placeholder')}\n          {...firstName[1]}\n        />\n      </FormItem>\n\n      <FormItem\n        label={t('profile:updateNameModal.lastName.label')}\n        {...lastName[0]}\n      >\n        <Input\n          placeholder={t('profile:updateNameModal.lastName.placeholder')}\n          {...lastName[1]}\n        />\n      </FormItem>\n\n      {formError && <Alert type='error'>{formError}</Alert>}\n\n      {children}\n    </Form>\n  );\n};\n\nexport default ProfileUpdateNameForm;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAA+C;AAAA;AAW/C,IAAMA,qBAA2D,GAAG,SAA9DA,qBAA2D,OAE3D;EAAA,IADJC,QAAQ,QAARA,QAAQ;EAER,sBAAc,IAAAC,4BAAc,EAAC,CAAC,SAAS,CAAC,CAAC;IAAjCC,CAAC,mBAADA,CAAC;EACT,eAAsB,IAAAC,kBAAO,GAAE;IAAvBC,SAAS,YAATA,SAAS;EAEjB,IAAMC,SAAS,GAAG,IAAAC,sBAAW,EAAC,WAAW,CAAC;EAC1C,IAAMC,QAAQ,GAAG,IAAAD,sBAAW,EAAC,UAAU,CAAC;EAExC,oBACE,6BAAC,UAAI,qBACH,6BAAC,cAAQ;IACP,KAAK,EAAEJ,CAAC,CAAC,yCAAyC;EAAE,GAChDG,SAAS,CAAC,CAAC,CAAC,gBAEhB,6BAAC,WAAK;IACJ,WAAW,EAAEH,CAAC,CAAC,+CAA+C;EAAE,GAC5DG,SAAS,CAAC,CAAC,CAAC,EAChB,CACO,eAEX,6BAAC,cAAQ;IACP,KAAK,EAAEH,CAAC,CAAC,wCAAwC;EAAE,GAC/CK,QAAQ,CAAC,CAAC,CAAC,gBAEf,6BAAC,WAAK;IACJ,WAAW,EAAEL,CAAC,CAAC,8CAA8C;EAAE,GAC3DK,QAAQ,CAAC,CAAC,CAAC,EACf,CACO,EAEVH,SAAS,iBAAI,6BAAC,WAAK;IAAC,IAAI,EAAC;EAAO,GAAEA,SAAS,CAAS,EAEpDJ,QAAQ,CACJ;AAEX,CAAC;AAAC,eAEaD,qBAAqB;AAAA"}